[เล่นเพลง] 

DOUG LLOYD: ดังนั้นตอนนี้เราเก่า ข้อดีในการเขียนโปรแกรมเว็บใช่มั้ย? และเราได้ครอบคลุมหลาย ภาษาในวิดีโอของแต่ละบุคคล และตอนนี้ขอทำอีกหนึ่ง JavaScript 

ครั้งแรกข่าวดี JavaScript คือการเขียนโปรแกรมที่ทันสมัย ภาษาเช่น PHP มากที่มี ไวยากรณ์ที่ได้มาจากซี เพื่อให้เป็นสถานที่ที่ดีที่จะเริ่มต้น มันเป็นเรื่องของอายุเท่า PHP เป็นอย่างดี ได้รับรอบประมาณ 20 ปี มันถูกคิดค้นรอบ ในเวลาเดียวกันเป็น PHP และ JavaScript เป็นจริงสวย พื้นฐานของประสบการณ์ของผู้ใช้ ของเว็บ ในความเป็นจริงมี สามภาษาที่ฉัน จะบอกว่าการจัดเรียงของทำขึ้น ประสบการณ์ของผู้ใช้ในการโต้ตอบ กับเว็บไซต์, HTML, CSS, และ JavaScript ดังนั้นตอนนี้ขอพูดคุย เล็กน้อยเกี่ยวกับ JavaScript 

ข่าวร้าย แต่ด้วย JavaScript เป็น ที่จะกำหนดจำนวนมากของกฎสำหรับตัวเอง และจากนั้นก็แบ่งพวกเขา และ JavaScript สามารถจริงจะ ชนิดของความท้าทายที่จะเรียนรู้ เพราะมันแตกต่างจากซีและ PHP ซึ่งมีโครงสร้างมาก และมีกฎระเบียบที่เข้มงวดมาก สำหรับวิธีการสิ่งที่สามารถทำงานได้ JavaScript มีชนิด ของอากาศที่มีความยืดหยุ่นเพื่อให้ สิ่งที่อาจจะไม่ได้ไป วิธีการทำงานของเราคาดหวังให้พวกเขาที่ และบางทีเราไม่สามารถเรียนรู้ การเขียนโปรแกรมภาษาแรกของเรา เป็น JavaScript ดังนั้นอาจจะเพราะมันไม่ได้ ตั้งตัวเองกฎระเบียบใด ๆ และมันไม่ได้จริงๆ นิสัยการบังคับใช้การเข้ารหัสที่ดี แต่ตอนนี้เราได้พัฒนาหวังว่า มีนิสัยการเขียนโปรแกรมที่ดี และเพื่อให้เราสามารถเริ่มต้นการโจมตี เข้า JavaScript นิด ๆ หน่อย ๆ 

การเขียน JavaScript คล้ายกับการเปิด ขึ้นไฟล์ C ที่มีการขยายจุด C หรือไฟล์ PHP ที่มีนามสกุล dot PHP, ทั้งหมดที่เราต้องทำคือการเปิดไฟล์ ที่มีนามสกุลไฟล์ js จุด เราไม่จำเป็นต้องมีพิเศษใด ๆ คั่นเหมือนที่เราทำใน PHP การเรียงลำดับของมุมที่ เครื่องหมายคำถามวงเล็บ PHP ที่เราใช้ในการจากที่ทาง เราบอกเบราว์เซอร์ของเราว่าสิ่งที่เรามีคือ JavaScript เป็นโดยรวม ในแท็ก HTML, และเราจะเห็นเล็กน้อยเกี่ยวกับ วิธีการที่จะทำเช่นนั้นในเวลาเพียงสักครู่ 

สิ่งอื่น ๆ ที่จะทำให้ จาวาสคริปต์ที่แตกต่างกัน แต่เป็นว่ามันจะทำงานด้านลูกค้า ดังนั้นจำกับ PHP ที่ เราอาจจะไม่เคยเห็นจริงๆ PHP ที่ขีดเส้นใต้เว็บไซต์ ถ้าเราเคยดู แหล่งที่มาหน้าเราจะมีเพียง html ที่เห็นว่าเป็น ที่สร้างขึ้นโดย PHP ที่ แต่ JavaScript วิ่งฝั่งไคลเอ็นต์ จาวาสคริปต์ของคุณทำงานในคอมพิวเตอร์ของคุณ และนั่นเป็นเหตุผลที่คุณสามารถทำได้ สิ่งที่ชอบอัพเพิ่ม ขวา? การปิดกั้นการโฆษณามักจะทำโดย ฆ่าทั้งหมดของ JavaScript ที่ใช้ในเว็บไซต์หนึ่ง และเพราะมันจะต้อง ทำงานบนฝั่งไคลเอ็นต์เครื่องของคุณ คุณก็สามารถหยุด จาวาสคริปต์สำหรับการทำงานทั้งหมด นั่นก็หมายความว่าเมื่อคุณใช้ เว็บไซต์ที่รวมถึง JavaScript, คุณต้องส่งแหล่ง JavaScript รหัสเป็นส่วนหนึ่งของการตอบสนองของคุณ http ให้กับลูกค้าเมื่อพวกเขาร้องขอ และเพื่อให้คุณอาจจะไม่ ต้องการที่จะใช้ JavaScript ที่จะทำสิ่งที่มีความสำคัญจริงๆ เช่นเดียวกับการส่งผ่านข้อมูล เกี่ยวกับรหัสผ่านของผู้ใช้และกลับ ออกมาเพราะพวกเขากำลังจริง จะได้รับทั้งหมดของรหัสที่มา ไม่ได้เป็นเพียง html ที่ที่ถูกสร้างขึ้น เช่นจะเป็นกรณีที่มีการพูดของ PHP 

ดังนั้นวิธีการที่เราทำรวมถึง JavaScript ใน html ของเราที่จะเริ่มต้นด้วย? ดีคล้ายกับ CSS จริง เป็นประเภทของวิธีการที่เราทำมันได้ที่นี่ ด้วย CSS เรามีแท็กสไตล์ และภายในของแท็กรูปแบบเหล่านั้น เราสามารถกำหนดสไตล์ชีต CSS ในทำนองเดียวกันกับ JavaScript เราสามารถเปิดแท็กสคริปต์ แท็ก html ที่อื่นเราไม่ได้ พูดคุยเกี่ยวกับในวิดีโอ html ของเรา และเขียน JavaScript ใน ระหว่างแท็กสคริปต์เหล่านั้น นอกจากนี้แม้ว่าเช่น CSS เรา สามารถเชื่อมโยงในไฟล์ CSS นอก และดึงพวกเขาลงในโปรแกรมของเราด้วยวิธีการที่ ด้วย CSS เรายังสามารถ ขอโทษด้วย JavaScript เรายังสามารถระบุแหล่งที่มา แอตทริบิวต์ของแท็กสคริปต์ ที่จะเชื่อมโยงใน JavaScript แยกกันเพื่อให้คุณทำไม่ได้ มีการเขียนไว้ใน ระหว่างแท็กสคริปต์เรา สามารถเชื่อมโยงในการใช้ แท็กสคริปต์ที่เป็นอย่างดี และเช่นเดียวกับกรณีที่มี CSS ที่ เราขอแนะนำว่ามันอาจจะเป็น อยู่ในความสนใจของคุณที่ดีที่สุดที่จะเขียน CSS ของคุณในแฟ้มแยกต่างหากในกรณี คุณจำเป็นต้องเปลี่ยนมัน ในทำนองเดียวกันเราขอแนะนำให้ทำ ที่คุณเขียนของคุณ JavaScript ในแฟ้มที่แยกต่างหาก และใช้สคริปต์แหล่งที่มาแท็ก แอตทริบิวต์ที่จะผูก JavaScript ของคุณ html ของคุณลงในหน้าเว็บของคุณ 

ตัวแปร JavaScript ดังนั้นเราจะ เริ่มต้นการพูดคุยเกี่ยวกับไวยากรณ์ที่นี่ และเราจะผ่านไป ชนิดของการได้อย่างรวดเร็วนี้ เพราะเราได้กระทำเช่นนี้ใน PHP ดังนั้น ทั้งหมดนี้ควรจะคุ้นเคยสวย ดังนั้นตัวแปรใน JavaScript มี คล้ายกันมากกับ PHP ตัวแปร มีระบุชนิดไม่ได้และ เมื่อคุณแนะนำตัวแปร คุณนำหน้าด้วยคำหลักที่วา ใน PHP เราจะทำบางสิ่งบางอย่าง เช่นนี้เงินดอลลาร์เข้าสู่ระบบ x นั่นคือวิธีการที่เราแสดงให้เห็น ตัวแปร แต่ไม่มีเรา ไม่ได้กล่าวถึงชนิด ของตัวแปรที่ทั้งหมด เราจะบอกว่าสิ่งที่ต้องการ ดอลล่าเครื่องหมาย x เท่ากับ 44 ใน PHP ถ้าเราทำ สิ่งเดียวกันใน JavaScript, เราจะบอกว่า var x เท่ากับ 44 ดังนั้น var เป็นประเภทของวิธีการของเรา ของการแนะนำตัวแปร นั่นอาจจะเป็นบิตง่ายขึ้น กว่าเงินดอลลาร์เพียงตัวแปรสัญญาณ 

อีกครั้งเนื่องจากไม่มี ชนิดข้อมูลที่เราสามารถทำเช่นนี้ กับชนิดของข้อมูลใด ๆ สตริง สิ่งอื่นทั้งหมดจะ var เงื่อนไขทั้งหมดของเรา เพื่อนเก่าจาก C และ PHP ยังคงมีอยู่เพื่อให้เรามีถ้า อื่นถ้าอื่น, สวิทช์และคำถาม ลำไส้ใหญ่เครื่องหมาย สวิตช์ที่เหลือเป็นความยืดหยุ่นเป็นมัน เป็นใน PHP แต่สิ่งเหล่านี้คุณ คุ้นเคยกับตอนนี้ และในทำนองเดียวกันกับที่มีลูป รายการโปรดเก่าในขณะที่ ทำในขณะที่และยังคงมีให้เรา ดังนั้นแล้วเรารู้จำนวนมากที่ จัดเรียง JavaScript พื้นฐานของปัจจัยพื้นฐาน เพียงโดยอาศัยอำนาจของการมีไม่น้อย ตอนนี้ความรู้เกี่ยวกับ C และ PHP 

สิ่งที่เกี่ยวกับฟังก์ชั่นใน JavaScript? ดีคล้ายกับ PHP ทุกฟังก์ชั่น การแนะนำให้รู้จักกับคำฟังก์ชั่น คุณบอกว่าฟังก์ชั่นและจากนั้นคุณ เริ่มต้นที่จะกำหนดฟังก์ชั่นของคุณ มีอะไรเล็ก ๆ น้อย ๆ ที่แตกต่างกัน เกี่ยวกับ JavaScript, แม้ว่าจะมีความสามารถที่จะมี สิ่งที่เรียกว่าฟังก์ชั่นที่ไม่ระบุชื่อ ดังนั้นคุณสามารถกำหนดฟังก์ชั่น ที่ไม่ได้มีชื่อ นี่คือสิ่งที่เรา จริงๆไม่ได้เห็นมาก่อน จริงๆเราจะใช้แนวคิด ของระบุชื่อฟังก์ชัน เล็ก ๆ น้อย ๆ ต่อมาในครั้งนี้ วิดีโอเพราะมันจะ ทำให้ความรู้สึกเล็ก ๆ น้อย ๆ ในบริบท เมื่อเราเห็นมันอยู่ในสถานการณ์โดยเฉพาะอย่างยิ่ง ที่ฉันได้สร้างขึ้นมาที่นี่ แต่ขอเพียงแค่ใช้เวลาดู ในสิ่งที่เรียบง่าย JavaScript ฟังก์ชั่นอาจมีลักษณะเช่น 

ดังนั้นผมจึงได้ไปข้างหน้าและ เปิด IDE CS50 ของฉัน และฉันได้แล้วเรียกอาปาเช่ ที่จะเริ่มต้นการทำงานเซิร์ฟเวอร์ของฉัน และฉันมีไฟล์นี้ เรียกว่าเปิด Home.html และฉันจะซูมเข้านิด ๆ หน่อย ๆ ที่นี่ และโดยทั่วไปคุณสามารถดู Home.html เป็นเพียงพวงของปุ่ม และฉันอ้างที่ด้านบนที่นี่ ว่านี่คือส่วน JavaScript วัสดุ เพื่อให้มีพวงของปุ่มที่นี่ แต่สิ่งที่ปุ่มเหล่านี้จริงทำอย่างไร 

ดีเราจะตรงไปที่ IED ของฉัน และฉันได้ Home.html เปิดที่นี่ ที่จุดเริ่มต้นมาก นี่คือสิ่งที่ฉันเชื่อมโยง ในทุกไฟล์ที่มา JavaScript ของฉัน ขวา? ดังนั้นผมจึงมี anonymous.js, clock.js, ฉันใช้แหล่งแอตทริบิวต์ ของแท็กสคริปต์ที่จะเชื่อมโยงในแฟ้ม ดังนั้นผมจึงไม่ได้เขียนใด ๆ JavaScript โดยตรงลงในแฟ้มนี้ แต่ฉันได้ดึงในทุก JavaScript ผมเคยเขียนแยกกัน และถ้าเราเลื่อนลงนี่นี้ ทั้งหมดควรมีลักษณะค่อนข้างคุ้นเคย มีนิด ๆ หน่อย ๆ ของไวยากรณ์ใหม่ ที่นี่เรามีแท็กส่วนหัว ฟังก์ชั่นแล้วปุ่ม ฉันมีการป้อนข้อมูลที่ปุ่มประเภทที่ และเห็นได้ชัดเมื่อฉันคลิกมัน ฉันจะเรียกบาง ฟังก์ชั่นวันที่แจ้งเตือน และนี่คือวิธีการที่เราสามารถจัดเรียงของผสมขึ้น นิด ๆ หน่อย ๆ ของ JavaScript และ HTML พวกเขาเล่นจริงสวยอย่าง ร่วมกันและเห็นได้ชัดดังนั้นเมื่อ ฉันคลิกที่ปุ่มนี้ฉันจะ ที่จะเรียกการแจ้งเตือนวันที่ฟังก์ชั่นบางอย่าง และในทำนองเดียวกันเราได้กำหนดพฤติกรรม สำหรับทุกปุ่มอื่น ๆ ที่ อยู่บนหน้า home.html ว่า ซึ่งเราจะให้กลับ ไปในช่วงของวิดีโอนี้ แต่ขอกลับไปขึ้น และที่นี่จะดู ที่ clock.js ซึ่งเป็น ไฟล์ JavaScript ที่ฉัน เขียนที่มีฟังก์ชันนี้เป็นครั้งแรก เรากำลังจะไปดูที่ ในขณะที่คุณสามารถดูฉันจะเริ่มต้น JavaScript ของฉัน ทำงานกับฟังก์ชั่นคำหลัก และผมได้รับนี้อย่างใดอย่างหนึ่ง ชื่อก็เรียกว่าวันการแจ้งเตือน ภายในมีฉันเห็นได้ชัดว่าสร้าง ตัวแปรท้องถิ่นใหม่ที่เรียกว่าวันที่ปัจจุบัน และฉันจะกำหนด เท่ากับวันที่ใหม่ และเราจะได้รับเป็นจำนวนมากของ รายละเอียดเป็นสิ่งที่วันคือ และจริงๆ JavaScript เพื่อให้ ขนาดใหญ่ที่เราไม่สามารถเป็นไปได้ ครอบคลุมทุกอย่างในหนึ่งวิดีโอ แต่พอที่จะพูดนี้เป็นไป ที่จะกลับมาให้ฉันรายการข้อมูลที่ สุนทรีย์วันที่และเวลาปัจจุบัน ผมว่าในการจัดเก็บตัวแปรที่ฉัน เห็นได้ชัดว่าจะแจ้งเตือนวันที่ปัจจุบัน 

ดีสิ่งที่ไม่แจ้งเตือน วันที่ปัจจุบันลักษณะอย่างไร ลองมาดูที่ไฟล์ตัวเอง ย้อนกลับไปในหน้าต่างเบราว์เซอร์ ดังนั้นอีกครั้งนี้เป็นปุ่มที่ฉัน ได้ผูกติดอยู่กับนี้ฟังก์ชั่นการตั้งชื่อ และฉันคลิกที่นั่นและ มองสิ่งที่มันทำก็รับการแจ้งเตือน มันโผล่ขึ้นมาเรียงลำดับของกล่องบอกนี้ ผมว่าเวลาปัจจุบันเป็นที่เห็นได้ชัด มันเป็นเรื่องที่ 4 พฤศจิกายน 10:43:43 ในตอนเช้า และถ้าเราคลิกมันอีกครั้งในขณะนี้ มันไม่กี่วินาทีต่อมาใช่มั้ย? ดังนั้นนั่นคือทั้งหมดที่ฟังก์ชั่นนี้จะ เมื่อฉันคลิกที่ปุ่มนี้ก็ ปรากฏขึ้นข้อความแจ้งเตือนให้ฉัน ดังนั้นมีจริงๆไม่ได้ มากเกินไปที่จะฟังก์ชั่น ที่แตกต่างจาก PHP, เพียงเล็กน้อยของไวยากรณ์ใหม่ ที่มาพร้อมกับการทำงานร่วมกับ JavaScript 

อาร์เรย์ใน JavaScript มี ตรงไปตรงสวย ที่จะประกาศอาร์เรย์ที่คุณใช้ ตารางไวยากรณ์วงเล็บ ที่เราคุ้นเคยกับ PHP จาก และคล้ายกับ PHP เรา นอกจากนี้ยังสามารถผสมชนิดข้อมูล ดังนั้นอาร์เรย์นี้ทั้ง ของอาร์เรย์เหล่านี้จะ ถูกต้องตามกฎหมายอย่างสมบูรณ์แบบ JavaScript หนึ่งที่ทุกจำนวนเต็มและหนึ่งที่ มีการผสมขึ้นชนิดข้อมูลที่แตกต่าง 

มีอะไรบางสิ่งบางอย่างที่แตกต่างกันมาก ใน JavaScript แต่? นั่นเป็นความคิดของวัตถุ ดังนั้นบางทีคุณอาจเคยได้ยิน การเขียนโปรแกรมเชิงวัตถุ เราไม่ได้ทำมากของมันใน CS50, แต่เราจะทำนิด ๆ หน่อย ๆ ของมัน ที่นี่ในบริบทของจาวาสคริปต์ ตอนนี้มีความสามารถในจาวาสคริปต์ไป ทำตัวเป็นโปรแกรมเชิงวัตถุ ภาษา แต่มันไม่ได้เป็นของตัวเอง โดยเฉพาะวัตถุเชิง การเขียนโปรแกรมภาษา และนี่อีกครั้งมา กลับไปที่เหตุผลที่ผมกล่าวว่า สามารถท้าทายมากที่จะเรียนรู้ การเขียนโปรแกรมจาวาสคริปต์เป็นครั้งแรกของคุณ ภาษาเพราะมันไม่ได้ จริงๆพอดีกระบวนทัศน์โดยเฉพาะอย่างยิ่ง 

C ในมืออื่น ๆ เป็น ภาษาเขียนโปรแกรมการทำงาน ถ้าเราต้องการที่จะเป็นฟังก์ชั่น การเรียงลำดับของคนที่บอสใหญ่ใช่มั้ย? กำหนดสิ่งที่พวกเขา ที่เกิดขึ้นทุกอย่างอื่น เราต้องการที่จะเปลี่ยนตัวแปร ที่เราเรียกว่าฟังก์ชั่น เราทำในสิ่งที่ฟังก์ชั่น วัตถุแทนใน วัตถุภาษาที่มุ่งเน้น การเรียงลำดับของวัตถุกลายเป็นดาวเด่นและ ฟังก์ชั่นกลายเป็นจัดเรียงของรอง แต่สิ่งที่เป็นวัตถุอะไร เป็นความคิดของวัตถุนี้หรือไม่? ดีถ้ามันจะช่วยให้คิดว่า เกี่ยวกับเรื่องนี้เป็นครั้งแรกที่จัดเรียง เช่นโครงสร้าง C หรือ struct ที่เราได้เรียนรู้เกี่ยวกับก่อน ใน C โครงสร้างประกอบด้วย จำนวนสาขา และบางทีตอนนี้เราอาจจะเริ่มต้นที่จะ เรียกคุณสมบัติเขตข้อมูลเหล่านี้ แต่คุณสมบัติไม่เคยจริงๆ ยืนได้ด้วยตัวเองใช่มั้ย? ถ้าผมกำหนดโครงสร้างสำหรับรถ เช่นนี้กับสองต่อไปนี้ สาขาหรือคุณสมบัติหนึ่ง จำนวนเต็มประจำปีของรถ และอีก 10 ตัวอักษร สตริงสำหรับรูปแบบของรถ ผมสามารถพูดได้บางสิ่งบางอย่างเช่นนี้ ฉันสามารถประกาศตัวแปรใหม่ ประเภทรถ struct Herbie และแล้วฉันจะพูดอะไรบางอย่าง เช่น herbie.year เท่ากับ 1,963, และ herbie.model เท่ากับด้วง มันโอเค. ฉันใช้ฟิลด์ใน บริบทของโครงสร้าง แต่ฉันไม่เคยทำได้เพียง พูดอะไรบางอย่างเช่นนี้ ขวา? ฉันไม่สามารถใช้ชื่อเขตข้อมูล อิสระของโครงสร้าง มันเรียงลำดับของสิ่งพื้นฐาน 

ดังนั้นการเป็นทุ่งนา โครงสร้างพื้นฐานของ C จะคล้ายกับคุณสมบัติการเป็น พื้นฐานของวัตถุ JavaScript แต่สิ่งที่ทำให้พวกเขา น่าสนใจอย่างยิ่ง คือการที่วัตถุยังสามารถมีสิ่งที่ จะเรียกว่าวิธีการที่เป็นจริง เพียงคำแฟนซีสำหรับฟังก์ชั่นที่ มีการจดทะเบียนกับวัตถุได้เป็นอย่างดี ดังนั้นจึงเป็นฟังก์ชั่นที่สามารถเป็น เรียกว่าในบริบทของวัตถุ เพียงวัตถุที่ได้กำหนดไว้ ฟังก์ชั่นนี้ภายในของตน ถ้าคุณคิดเกี่ยวกับ struct ฟังก์ชั่น ถูกกำหนดให้ผู้ที่อยู่ภายในกำหนด วงเล็บปีกกาของโครงสร้าง ดังนั้นมันจะหมายถึงสิ่งที่ โครงสร้าง และนั่นคือการจัดเรียงของสิ่งที่เรากำลังทำ ที่นี่กับวัตถุและวิธีการ มันเป็นพื้นเหมือนเรา กำหนดฟังก์ชั่นที่ เพียงทำให้รู้สึกบน วัตถุโดยเฉพาะอย่างยิ่งและเพื่อให้เรา เรียกว่าวิธีการของวัตถุ และเราไม่เคยสามารถเรียกว่า ฟังก์ชั่นที่เป็นอิสระของวัตถุ เหมือนกับที่เราไม่สามารถพูดได้ปีหรือรุ่น เป็นอิสระจากโครงสร้างในซี 

ดังนั้นโปรแกรมการทำงาน กระบวนทัศน์ที่มีลักษณะบางอย่างเช่นนี้ ฟังก์ชั่นและจากนั้นเมื่อคุณผ่าน ในวัตถุเป็นพารามิเตอร์ ในการเขียนโปรแกรมเชิงวัตถุ ภาษานี้ได้รับการจัดเรียงของ พลิกและเราจะคิดเกี่ยวกับ มันชอบนี้ object.function ดังนั้นจึงเรียงลำดับของจุดที่ ผู้ประกอบการอีกครั้งอ้างว่า ว่ามันเป็นสถานที่ให้บริการการจัดเรียงของบางอย่าง หรือแอตทริบิวต์ของว​​ัตถุเอง แต่นี่คือสิ่งที่วัตถุ ที่มุ่งเน้นการเขียนโปรแกรมภาษา อาจจะทำที่จะทำให้ฟังก์ชั่น เรียกวิธีการอีกครั้งที่ เป็นเพียงคำที่พิเศษสำหรับฟังก์ชั่น ที่มีอยู่ไปยังวัตถุ นี่คือสิ่งที่ ไวยากรณ์อาจมีลักษณะเช่น และเพื่อให้เราจะเริ่มเห็นบางส่วนของ นี้ในบริบทของจาวาสคริปต์ 

นอกจากนี้คุณยังสามารถคิดเกี่ยวกับวัตถุ ประเภทเช่นอาเรย์, ที่เราคุ้นเคยกับ PHP จาก โปรดจำไว้ว่าอาเรย์ช่วยให้ เรามีคู่ค่าที่สำคัญแทน ของการมีดัชนี 0, หนึ่งสองสาม และอื่น ๆ เหมือนที่เรากำลังใช้ในการจาก C อาร์เรย์ เชื่อมโยงอาร์เรย์สามารถแผนที่ คำพูดเช่นในวิดีโอ PHP, เราได้พูดคุยเกี่ยวกับ รสชาติของพิซซ่า และเพื่อให้เรามีอาร์เรย์ เรียกพิซซ่าและเรา มีชีสเป็นสำคัญและ $ 8.99 เป็น ค่าและจากนั้นเป็ปเปอร์โรเป็นกุญแจสำคัญที่ $ 9.99 เป็นค่าและอื่น ๆ และเพื่อให้เราสามารถคิดเกี่ยวกับ การเรียงลำดับของวัตถุคล้ายกับสมาคม อาร์เรย์ และเพื่อให้รูปแบบนี้ที่นี่ จะสร้างวัตถุใหม่ เรียกว่า Herbie สอง คุณสมบัติภายในของมัน ปีซึ่งมีการกำหนดค่า 1963, และรูปแบบที่มีการกำหนดสตริง ด้วง. 

และแจ้งให้ทราบว่าที่นี่ที่ฉันใช้ ราคาเดียวใน JavaScript คุณสามารถใช้คำพูดเดียวหรือสองครั้ง เมื่อคุณกำลังพูดคุยเกี่ยวกับสตริง มันเป็นเพียงอัตภาพ กรณีที่เวลาส่วนใหญ่ เมื่อคุณกำลังเขียน JavaScript, คุณเพียงแค่ใช้ราคาเดียว แต่ผมสามารถใช้คำพูดสองที่นี่และ ที่จะสมบูรณ์ดีเช่นกัน 

ดังนั้นจำไว้ว่าใน PHP เรามีความคิดนี้ สำหรับของแต่ละวงที่จะช่วยให้เรา ย้ำกว่าทั้งหมดของค่าคีย์ คู่เชื่อมโยง อาร์เรย์เพราะเรา ไม่ได้มีความสามารถในการย้ำ ผ่าน 0, หนึ่งสองสามสี่ และอื่น ๆ ? JavaScript มีสิ่งที่คล้ายกันมาก แต่มันไม่ได้เรียกว่าสำหรับวงแต่ละ ก็เรียกว่าสำหรับในลูป ดังนั้นถ้าผมบอกว่าผมชอบ นี้สำหรับคีย์ var ในวัตถุ นั่นคือการจัดเรียงของที่คล้ายกับพูดว่า สำหรับแต่ละสิ่งที่เป็นบางสิ่งบางอย่าง แต่ทั้งหมดที่ฉันทำที่นี่จะทำซ้ำ ผ่านทุกปุ่มของวัตถุของฉัน และภายในของปีกกา วงเล็บที่นั่นผมจะ วงเล็บใช้วัตถุที่สำคัญในการดู เป็นค่าที่ว่าสถานที่สำคัญ 

อีกทางเลือกหนึ่งที่มี แม้อีกวิธีหนึ่ง ถ้าฉันจะดูแลเกี่ยวกับ ค่าผมสามารถพูดได้ที่สำคัญของวัตถุ และใช้เพียงภายในที่สำคัญ ดังนั้นสำหรับคีย์ var ในวัตถุที่ฉันมี ที่จะใช้วงเล็บวัตถุ ที่สำคัญภายในวง สำหรับคีย์ var ของวัตถุที่จะทำได้ เพียงใช้คีย์ภายในวง เพราะฉันแค่เฉพาะ พูดคุยเกี่ยวกับค่าที่มี 

ถ้าอย่างนั้นเราอาจจะใช้เวลา ดูความแตกต่าง เพียงเพื่อแสดงให้คุณได้อย่างรวดเร็ว ความแตกต่างระหว่างสี่ และสำหรับของที่มีความเฉพาะเจาะจงมาก อาร์เรย์ที่เรามีที่นี่อาร์เรย์สัปดาห์ ดังนั้นผมจึงต้องไปหาแถวใหม่ ที่ฉันเต็มไปด้วยเจ็ดสตริง วันจันทร์วันอังคารวันพุธ, พฤหัสบดี, ศุกร์, เสาร์, อาทิตย์ และผมอยากจะย้ำในขณะนี้ ผ่านแถวนี้ พิมพ์ออกข้อมูลบางอย่าง หากฉันใช้สำหรับในวง เพื่อพิมพ์ข้อมูล สิ่งที่คุณคิดว่าฉันจะได้รับ? ดีให้มาดู และก่อนที่เราจะกระโดดข้าม ไปที่หน้าต่างเบราว์เซอร์ของฉัน เพิ่งรู้ว่า console.log เป็นประเภทหนึ่ง วิธีการทำ F พิมพ์ใน JavaScript แต่สิ่งที่เป็นคอนโซล? ดีว่าเป็นสิ่งที่เรากำลังจะ จะไปดูที่ในขณะนี้ 

ตกลงดังนั้นเรากลับมาที่นี่ ในหน้าต่างเบราว์เซอร์ของฉัน และฉันจะไปเปิด ขึ้นเครื่องมือสำหรับนักพัฒนาของฉัน อีกครั้งฉันแค่กดปุ่ม F12 ที่จะเปิดเครื่องมือสำหรับนักพัฒนา และแจ้งให้ทราบว่าที่นี่ที่ ด้านบนฉันได้เลือกคอนโซล ดังนั้นนี่คือความคิดที่ คอนโซลนักพัฒนา และมันจะช่วยให้เราสามารถ พิมพ์ข้อมูลออกมา ประเภทเช่นขั้ว แต่ เป็นคุณจะเห็นเล็ก ๆ น้อย ๆ ต่อมา เรายังสามารถพิมพ์ข้อมูลใน ในการโต้ตอบกับหน้าเว็บของเรา ฉันจะซูมเข้านิด ๆ หน่อย ๆ ที่นี่ และฉันจะตอนนี้คลิกที่สำหรับในการทดสอบ และสี่ใน test-- ฉันไม่ gonna แสดงรหัสสำหรับมันตอนนี้ แต่คุณจะได้รับมันถ้าคุณ ดาวน์โหลดซอร์สโค้ดที่ มีความเกี่ยวข้องกับ video-- นี้ เป็นเพียงที่สำหรับในวง ที่เราเห็นเพียง วินาทีที่ผ่านมาบนภาพนิ่ง 

ดังนั้นผมจะคลิกที่ ปุ่มและมากกว่าที่นี่ นี่คือสิ่งที่ได้พิมพ์ออกมาใน คอนโซล, 0, หนึ่งสองสามสี่ห้า หก. ผมไม่ได้พิมพ์ข้อมูล ภายในสถานที่อาร์เรย์เหล่านั้น เพราะผมใช้สำหรับในวง และภายในร่างกายของวงผม เพียงแค่พิมพ์ออกที่สำคัญไม่ขัดข้องที่สำคัญ แต่ถ้าตอนนี้ผมล้างคอนโซลของฉันและฉัน สลับไปสำหรับของการทดสอบและสี่ของการทดสอบ ผมบอกว่าผมใช้ของวง แทนและพิมพ์ออกที่สำคัญ ถ้าฉันคลิกที่ตอนนี้ฉันได้รับ องค์ประกอบที่เกิดขึ้นจริงภายในของวัตถุของฉัน หรืออาเรย์ของฉันในกรณีนี้ อาเรย์ของฉันวันต่อสัปดาห์ ผมพิมพ์ออกมาวันจันทร์ วันอังคารวันพุธ. นั่นคือความแตกต่างระหว่าง สำหรับในวงซึ่งพิมพ์ออก เพียงกุญแจถ้าคุณเพียงแค่ใช้คีย์ ภายในของร่างกายของวงที่ และสำหรับของวงซึ่งพิมพ์ ออกค่าถ้าคุณใช้เพียง ที่สำคัญภายในร่างกายของวง 

สิทธิทั้งหมดวิธีการที่เราทำตอนนี้เริ่มที่จะ concatenate สตริงและอาจผสมขึ้น ตัวแปรบางคนที่มีการแก้ไข เหมือนที่เรามีความสามารถที่จะทำใน PHP? ดีที่เราคุ้นเคยสวย กับเรื่องนี้จาก PHP นี่คือวิธีการที่เราจะทำโดยใช้ ผู้ประกอบการที่จะจุดเชื่อมสตริง ใน JavaScript แม้ว่า เราจริงใช้สิ่งที่ เรียกว่าผู้ประกอบการบวกซึ่ง คืออาจจะได้นิด ๆ หน่อย ๆ ที่ใช้งานง่ายใช่มั้ย? เรากำลังเพิ่มพวง ของสตริงด้วยกัน ถ้าอย่างนั้นเรามุ่งหน้ากลับ มากกว่าและเห็นสิ่งนี้ จะพิมพ์ถ้าเรากำลังพยายามที่จะพิมพ์ออกมา ข้อมูลทั้งหมดในอาร์เรย์สัปดาห์ สิทธิทั้งหมดภายใต้นี่ ภายใต้สตริง, ฉันมีสองตัวเลือกอาคารสตริง V1 และแล้วการสร้างสตริง V2 และเราจะเห็นว่าทำไมเรา ต้อง V2 ในครั้งที่สอง แต่ผมจะคลิกที่ อาคารสตริง V1 ซึ่ง เป็นรหัสที่เราเป็น เพียงแค่การดูที่ console.log ที่มีทั้งหมดของข้อดี ลองมาดูว่าพิมพ์นี้ สิ่งที่เราคาดหวัง 

วันจันทร์เป็นจำนวน 01 วันของสัปดาห์ อังคารเป็นจำนวน 11 วันของสัปดาห์ ดีสิ่งที่ผมพยายาม ที่จะทำมีการรับ มันจะพิมพ์ออกมาวันจันทร์เป็นจำนวนวัน หนึ่งวันอังคารเป็นจำนวนวันที่สอง แต่มันดูเหมือนว่าฉัน มักจะพิมพ์ออกหนึ่ง ดีทำไมเป็นอย่างนั้น? ดีก็จะเปิดออกมาดูอีก นี้ตัวอย่างเล็ก ๆ น้อย ๆ ของรหัสที่นี่ ขอให้สังเกตว่าเรากำลังใช้บวก ผู้ประกอบการในสองบริบทที่แตกต่าง 

และดังนั้นนี่คือสิ่งที่อาจจะ ที่เราได้รับชนิดของการพูด โอ้ก็จะดีดังนั้น เราไม่ได้จัดการกับชนิดข้อมูลอีกต่อไป แต่ที่นี่เป็นที่ที่ความเป็นจริง ที่เราสูญเสียชนิดข้อมูล จริงสามารถเป็นบิต ของปัญหาสำหรับเรา ตอนนี้ผู้ประกอบการรวมทั้งจะใช้ในการ concatenate สตริงและเพิ่มจำนวน ร่วมกันมี JavaScript ที่จะทำให้การคาดเดาที่ดีที่สุด เป็นสิ่งที่ฉันต้องการจะทำสำหรับฉัน และในกรณีนี้ก็เดาไม่ถูกต้อง มันตัดแบ่งเพียงวันซึ่งจะเป็น 0, หนึ่งสองสามสี่ห้าหรือหก และจากนั้นก็ตัดแบ่งเพียง ว่าแล้วตัดแบ่งหนึ่ง มันไม่ได้จริงเพิ่มพวกเขาร่วมกัน และเพื่อให้ภาษาเหล่านี้ PHP และ JavaScript, บทคัดย่อที่อยู่ห่างออกไป ความคิดประเภทนี้ คุณไม่ต้องจัดการกับมันอีกต่อไป พวกเขายังคงมีรูปแบบภายใต้ประทุน และที่เราสามารถทำได้ในสถานการณ์ เช่นนี้ใช้ประโยชน์จากความจริงที่ว่า โดยกล่าวว่าบางสิ่งบางอย่าง เช่นอาจนี้ซึ่ง จะบอก JavaScript โดย วิธีการรักษานี้เป็นจำนวนเต็ม ไม่รักษามันเป็นสตริงแม้ แต่เรากำลังผสมเข้าด้วยกันสตริง และเลขที่นี่ 

มันเป็นเพียงหนึ่งในสิ่งเหล่านั้น ที่ดูเหมือนว่าดีดังนั้นในบริบท ที่เราจะได้ไม่ต้อง จัดการกับอีกต่อไป แต่บางครั้งคุณจะ วิ่งเข้ามาในสถานการณ์ เหมือนกับที่นี้ความจริงที่ว่า คุณไม่สามารถควบคุมชนิด สามารถ backfire กับคุณ ถ้าคุณไม่ระวัง ดังนั้นถ้าเราปรากฏกลับไปยัง IDE ผม จะล้างออกคอนโซลของฉันอีกครั้ง และฉันจะคลิกสตริง รุ่นสองอาคารซึ่ง เป็นที่ที่ผมใช้ฟังก์ชั่นที่แยก int ตอนนี้ก็พิมพ์ออก ข้อมูลที่ฉันคาดหวัง จำนวนวันวันจันทร์หนึ่งในวันอังคาร เป็นจำนวนสองวันและอื่น ๆ 

ดังนั้นเรามาพูดคุยเกี่ยวกับฟังก์ชั่นอีกครั้ง ฉันสัญญาว่าเราจะพูดคุยเกี่ยวกับที่ไม่ระบุชื่อ ฟังก์ชั่นและตอนนี้บริบทที่ ก็มาถึง ดังนั้นก่อนที่เราจะทำเช่นนั้นเราจะมาพูดอีกครั้ง เกี่ยวกับอาร์เรย์เพียงครั้งที่สอง ดังนั้นอาร์เรย์เป็นพิเศษ กรณีของวัตถุ ในความเป็นจริงทุกอย่างใน JavaScript เป็นจริงวัตถุ ดังนั้นฟังก์ชั่นเป็น กรณีพิเศษของวัตถุ จำนวนเต็มเป็นพิเศษ กรณีของวัตถุ แต่อาร์เรย์โดยเฉพาะ มีจำนวนของวิธี โปรดจำไว้ว่าเพราะพวกเขากำลังวัตถุ พวกเขาสามารถมีคุณสมบัติและวิธีการ พวกเขามีจำนวนของวิธีการที่ สามารถนำไปใช้วัตถุเหล่านั้น มีวิธีการที่เรียกว่าเป็น ขนาด array.size, ซึ่งจะกลับไป คุณเป็นคุณอาจคาดหวัง จำนวนขององค์ประกอบในอาร์เรย์ของคุณ array.pop ประเภทเช่น ความคิดของเราในการ popping ออก ของสแต็คถ้าคุณจำได้ จากวิดีโอสแต็คของเรา เอาองค์ประกอบสุดท้ายจากอาร์เรย์ array.push เพิ่มองค์ประกอบใหม่ ไปยังจุดสิ้นสุดของอาร์เรย์ array.shift เป็นประเภทของ เช่น DQ ก็ splices ออก องค์ประกอบแรกของอาร์เรย์ 

แต่ยังมีอีกพิเศษ วิธีการที่เรียกว่าอาเรย์แมป และนี่คือการจัดเรียงของ แนวคิดที่น่าสนใจ ดังนั้นสิ่งที่เป็นความคิดของแผนที่หรือไม่ จริงๆคุณจะเห็นนี้ ในภาษาอื่น ๆ อีกหลาย และเราไม่ได้พูดคุยเกี่ยวกับ การเรียงลำดับของ cartographers แผนที่ที่นี่ เรากำลังพูดถึงฟังก์ชั่นการทำแผนที่ ในบริบทที่เรากำลัง พูดคุยเกี่ยวกับที่นี่แผนที่ เป็นที่เราดำเนินการเป็นพิเศษ สามารถดำเนินการในอาร์เรย์ ที่จะใช้ฟังก์ชั่นโดยเฉพาะอย่างยิ่ง องค์ประกอบของอาร์เรย์ว่าทุก และเพื่อให้เราจะพูดใน กรณีนี้อาจจะ array.map, และภายในของมันเรากำลังผ่าน ลงในแผนที่เป็นฟังก์ชันที่เราต้องการ ที่จะนำไปใช้กับทุกองค์ประกอบเดียว ดังนั้นจึงเป็นที่จัดเรียงของที่คล้ายคลึงกับการใช้ ห่วงย้ำกว่าทุกองค์ประกอบ และนำไปใช้โดยเฉพาะอย่างยิ่ง การทำงานเพื่อทุกธาตุ เพียง JavaScript ได้สร้างขึ้นในปีนี้ ความคิดของการทำแผนที่ที่สามารถนำมาประยุกต์ใช้ และนี่คือบริบทที่ดีในการ พูดคุยเกี่ยวกับฟังก์ชั่นที่ไม่ระบุชื่อ 

ดังนั้นสมมติว่าเรามี อาร์เรย์ของจำนวนเต็มนี้ มันเรียกว่า nums และก็มีห้า สิ่งที่อยู่ในนั้นหนึ่งสองสามสี่ ห้า. ตอนนี้ผมต้องการที่จะแมบาง ฟังก์ชั่นให้กับอาร์เรย์นี้ ฉันต้องการจะมีฟังก์ชั่นใช้ องค์ประกอบของอาร์เรย์ทุก ดีขอบอกว่าสิ่งที่ฉันต้องการ ทำคือเพียงแค่สองเท่าทุกองค์ประกอบ สิ่งที่ผมจะทำคือเพียงแค่ใช้ห่วง สำหรับ var ฉันเท่ากับ 0, ฉันมีค่าน้อยกว่า หรือเท่ากับ 4 ผมบวกบวกและ แล้วสองเท่าทุกหมายเลขเดียว แต่ผมยังสามารถทำอะไรเช่นนี้ ผมสามารถพูดได้ nums เคยเป็น หนึ่งสองสามสี่ห้า, แต่ในเวลานี้ผมอยากจะให้คุณ ใช้ทำแผนที่บนอาร์เรย์นี้ ที่ฉันต้องการคุณ เพื่อเพิ่มจำนวนทุก และที่ว่า สิ่งที่เกิดขึ้นที่นี่ แต่สังเกตเห็นสิ่งที่ฉันผ่าน ในการเป็นอาร์กิวเมนต์แผนที่ นี้เป็นฟังก์ชั่นที่ไม่ระบุชื่อ และแจ้งให้ทราบผมยังไม่ได้รับ ฟังก์ชั่นนี้ชื่อ ฉันได้รับเพียง แต่รายการพารามิเตอร์ และเพื่อให้เป็นตัวอย่าง ของระบุชื่อฟังก์ชัน 

โดยทั่วไปเราจะไม่เรียกสิ่งนี้ นอกการทำงานของบริบทของแผนที่ เรากำหนดมันเป็นพารามิเตอร์ เพื่อทำแผนที่และอื่น ๆ ที่เราทำไม่ได้จริงๆ จะต้องมีชื่อของมันถ้า สิ่งเดียวที่ใส่ใจเกี่ยวกับแผนที่ และจะกำหนดสิทธิ มีภายในของแผนที่ และเพื่อให้เป็นที่ไม่ระบุชื่อฟังก์ชั่น เรายังไม่ได้รับสามารถ การทำเช่นนี้มาก่อนหน้านี้ แผนที่ฟังก์ชั่นบางอย่างที่ ยอมรับหนึ่งพารามิเตอร์, หนุ่ม, และสิ่งที่ฟังก์ชั่นที่ไม่ เป็น NUM ผลตอบแทนครั้งที่ 2 และหลังจากนี้ การทำแผนที่ที่ได้รับนำไปใช้ ตอนนี้สิ่งที่ nums ลักษณ์ เหมือนสองสี่หกแปด 10 และเราจะปรากฏไปของฉัน หน้าต่างเบราว์เซอร์และเพียงแค่ ดูที่นี้ ได้อย่างรวดเร็วจริงๆเช่นกัน 

ดังนั้นผมจึงมีปุ่มอื่นที่นี่ ในหน้าแรกของฉันเรียกว่าคู่ และเมื่อฉันคลิกสองครั้งและจะบอก ฉันก่อนมันเป็นหนึ่งสองสามสี่ หลังจากที่สองห้าสี่หกแปด 10 และถ้าผมกลับไปและคลิกสองครั้ง อีกสองสี่หกแปด 10 และแล้วหลังจากที่สี่ แปด, 12, 16 และ 20 และสิ่งที่ผมทำในฟังก์ชั่นนี้หรือไม่? ดีถ้าเราเพียงแค่ pop ไป IDE และ ผมดึงฟังก์ชั่นที่ไม่ระบุชื่อของฉันที่นี่ ในบรรทัดที่เจ็ดถึง 13 ผม ทำนิด ๆ หน่อย ๆ ทำงานแฟนซีที่นี่ แต่ฉันแค่พิมพ์ออก สิ่งที่อยู่ในปัจจุบันในอาร์เรย์ จากนั้นในสาย 16, 17, และ 18 มีแผนที่ของฉัน ซึ่งเป็นที่ที่ฉันใช้เพิ่มขึ้นนี้ ฟังก์ชั่นทุกองค์ประกอบเดียว และแล้วเพียงเล็กน้อยต่อไปลง ฉันแค่ทำในสิ่งเดียวกัน ผมทำมาก่อนยกเว้นตอนนี้ฉัน พิมพ์ออกเนื้อหาของอาร์เรย์ ภายหลัง แต่ทั้งหมดที่ผมเคยทำที่นี่คือ เพียงแค่ใช้ที่ไม่ระบุชื่อฟังก์ชั่น เพื่อแมข้ามอาร์เรย์ทั้งหมด 

ดังนั้นอีกหนึ่งหัวข้อใหญ่ที่จะพูดคุยเกี่ยวกับใน JavaScript เป็นความคิดของเหตุการณ์ เหตุการณ์เป็นสิ่งที่เพิ่งเกิดขึ้น เมื่อผู้ใช้โต้ตอบกับเว็บของคุณ หน้าดังนั้นบางทีพวกเขาคลิกที่บางสิ่งบางอย่าง หรืออาจจะหน้าจะเสร็จสิ้นการโหลด หรือพวกเขาอาจได้ย้าย เมาส์ของพวกเขามากกว่าบางสิ่งบางอย่าง หรือพวกเขาได้พิมพ์บางสิ่งบางอย่าง ในด้านการป้อนข้อมูล ทุกสิ่งเหล่านี้เป็นเหตุการณ์ที่เกิดขึ้น ที่เกิดขึ้นบนหน้าเว็บของเรา และ JavaScript มี ความสามารถในการสนับสนุนการบางสิ่งบางอย่าง เรียกว่าตัวจัดการเหตุการณ์ซึ่ง เป็นฟังก์ชันการเรียกกลับที่ ตอบสนองต่อเหตุการณ์ HTML มี และสิ่งที่เป็นฟังก์ชั่นการเรียกกลับ? ดีก็โดยทั่วไปเพียงหนึ่ง สำหรับชื่อที่ไม่ระบุชื่อฟังก์ชั่น เป็นหน้าที่ที่ ตอบสนองต่อเหตุการณ์ และนี่คือที่เรามาถึง ความคิดในการทำงานบางอย่างที่มีผลผูกพัน เพื่อคุณลักษณะ html ที่โดยเฉพาะอย่างยิ่ง ส่วนใหญ่มีองค์ประกอบ HTML การสนับสนุนสำหรับแอตทริบิวต์ ที่เราไม่ได้พูดคุยเกี่ยวกับใน html วิดีโอสำหรับสิ่งที่ต้องการในการคลิก หรือเลื่อนหรือโหลด ทั้งหมดของเหตุการณ์เหล่านี้ ที่คุณสามารถเขียนฟังก์ชั่น จัดการกับเหตุการณ์เหล่านั้น เมื่อเหตุการณ์เหล่านั้น เกิดขึ้นในหน้าเว็บของคุณ 

และดังนั้นบางที html ของคุณ มีลักษณะบางอย่างเช่นนี้ และฉันมีสองปุ่มที่นี่ ปุ่มเดียวและปุ่มสอง และที่นี่ฉันได้ในขณะนี้ กำหนดอะไร แต่นี่คือที่แอตทริบิวต์บน คลิกที่เห็นได้ชัดคือส่วนหนึ่งของแท็กของฉัน ดังนั้นเห็นได้ชัดว่าเมื่อฉันกำหนดสิ่งที่เป็น ที่เกิดขึ้นภายในของแอตทริบิวต์ที่ มันจะมีบาง JavaScript ฟังก์ชั่นที่ตอบสนองต่อเหตุการณ์ที่เกิดขึ้น สันนิษฐานของการคลิกที่ ปุ่มหนึ่งหรือสองปุ่ม 

สิ่งที่ชนิดของเย็นเกี่ยวกับเรื่องนี้ก็คือเรา สามารถเขียนตัวจัดการเหตุการณ์ทั่วไป และจัดการกับเหตุการณ์นี้จะ สร้างวัตถุเหตุการณ์ และวัตถุเหตุการณ์จะบอกเรา ที่ของทั้งสองปุ่มถูกคลิก ตอนนี้วิธีการทำงานที่? ดีก็อาจมีลักษณะบางอย่างเช่นนี้ ดังนั้นครั้งแรกที่เราจะกำหนดปุ่มของเรา ที่จะมีการตอบสนองต่อการเรียกกลับที่ ฟังก์ชั่นที่จะถูกเรียกว่า เมื่อมีการคลิกปุ่ม, เราจะเรียกชื่อเหตุการณ์การแจ้งเตือน และแจ้งให้ทราบในทั้งสองกรณีเรา ผ่านในพารามิเตอร์เหตุการณ์นี้ ดังนั้นเราจึงเรียกใช้ฟังก์ชันนี้ หรือเมื่อฟังก์ชั่นนี้ ถูกเรียกโดยเหตุการณ์ที่เกิดขึ้นที่ มันจะสร้างวัตถุเหตุการณ์นี้ และผ่านมันเป็น พารามิเตอร์เพื่อแจ้งเตือนชื่อ และวัตถุเหตุการณ์ที่ จะมีข้อมูล เกี่ยวกับการที่มีการคลิกปุ่ม และวิธีการที่จะไม่ทำเช่นนั้น? ดีก็อาจมีลักษณะบางอย่างเช่นนี้ ดังนั้นในตอนนี้แยกต่างหากของฉัน ไฟล์ JavaScript, ฉันอาจ ต้องไปหานี้ ฟังก์ชั่นชื่อการแจ้งเตือนที่ อีกครั้งยอมรับพารามิเตอร์เหตุการณ์ที่ และแล้วที่นี่เป็นที่ที่ผมตรวจสอบ ซึ่งปุ่มถูกเรียก ทริกเกอร์ var เท่ากับเหตุการณ์ จุดองค์ประกอบแหล่งที่มา สิ่งที่เป็นแหล่งที่สร้าง วัตถุเหตุการณ์นี้ที่ถูกส่งผ่านมีอะไรบ้าง? มันเป็นปุ่มเดียวหรือมันเป็นปุ่มสอง? 

และแล้วที่นี่ทั้งหมดที่ฉันทำอยู่ พิมพ์ออก trigger.innerhtml ดีในกรณีนี้ในการนี​​้ บริบท trigger.innerhtml เป็นเพียงสิ่งที่เขียนบนปุ่ม มันเกิดขึ้นเพียงเพื่อกระโดดถ้าเรา กลับมาเป็นครั้งที่สองที่จะ เป็นสิ่งที่อยู่ในระหว่างแท็กปุ่มเหล่านั้น มันจะเป็นปุ่มเดียวหรือสองปุ่ม และให้ดูที่ วิธีการจัดการเหตุการณ์นี้จะ ดูถ้าเราได้มันทำงานในทางปฏิบัติ 

ดังนั้นก่อนอื่นคุณได้ เปิด events.js, ซึ่งเป็นไฟล์จาวาสคริปต์ที่ ผมได้กำหนดฟังก์ชั่นนี้ และในขณะที่คุณสามารถเห็นมัน สวยมากว่าสิ่งที่ เราก็เห็นในสไลด์ที่สองที่ผ่านมา และผมจะไปไปที่ หน้าบ้านของเราได้รับใช้ และฉันมีปุ่มที่นี่ ปุ่มเดียวและสอง และฉันจะคลิกที่ปุ่มหนึ่ง คุณคลิกที่ปุ่มเดียวถ้าคุณ สามารถดูได้ที่นี่ในการแจ้งเตือน ตกลง. คลิกที่ปุ่มสองคุณ คลิกที่ปุ่มสอง 

ดังนั้นปุ่มทั้งสองมี สายงานเดียวกันใช่มั้ย? พวกเขาทั้งสองเป็นชื่อการแจ้งเตือน เหตุการณ์ แต่วัตถุเหตุการณ์นี้ ที่ได้รับการสร้างขึ้นเมื่อเราคลิกที่ มันจะบอกเราว่ามีการคลิกปุ่ม เราไม่ได้มีการเขียนสองแยก ฟังก์ชั่นหรือข้อตกลงกับการมี เพื่อส่งผ่านข้อมูลเพิ่มเติมใด ๆ เราเพียงแค่อาศัย สิ่งที่จะ JavaScript ทำเพื่อเราซึ่งก็คือการสร้างความ การเรียงลำดับของวัตถุเหตุการณ์ในนามของเรา มีจำนวนมากขึ้นที่จะเป็น JavaScript กว่า สิ่งที่เราได้กล่าวถึงในวิดีโอนี้ แต่มีสิ่งเหล่านี้ พื้นฐานที่คุณควรจะได้รับ ค่อนข้างเป็นทางยาวไป เรียนรู้ทุกสิ่งที่คุณจะได้ จำเป็นต้องรู้เกี่ยวกับเรื่องนี้ ภาษาที่น่าสนใจ ฉันลอยด์ดั๊ก นี่คือ CS50