>> [เล่นเพลง]
>> 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