1
00:00:00,000 --> 00:00:03,840
>> [เล่นเพลง]

2
00:00:03,840 --> 00:00:05,770

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: ดังนั้นตอนนี้เราเก่า
ข้อดีในการเขียนโปรแกรมเว็บใช่มั้ย?

4
00:00:08,690 --> 00:00:12,140
และเราได้ครอบคลุมหลาย
ภาษาในวิดีโอของแต่ละบุคคล

5
00:00:12,140 --> 00:00:14,690
และตอนนี้ขอทำอีกหนึ่ง JavaScript

6
00:00:14,690 --> 00:00:17,370
>> ครั้งแรกข่าวดี JavaScript
คือการเขียนโปรแกรมที่ทันสมัย

7
00:00:17,370 --> 00:00:21,410
ภาษาเช่น PHP มากที่มี
ไวยากรณ์ที่ได้มาจากซี

8
00:00:21,410 --> 00:00:22,830
เพื่อให้เป็นสถานที่ที่ดีที่จะเริ่มต้น

9
00:00:22,830 --> 00:00:25,880
มันเป็นเรื่องของอายุเท่า PHP เป็นอย่างดี
ได้รับรอบประมาณ 20 ปี

10
00:00:25,880 --> 00:00:28,600
มันถูกคิดค้นรอบ
ในเวลาเดียวกันเป็น PHP

11
00:00:28,600 --> 00:00:32,240
และ JavaScript เป็นจริงสวย
พื้นฐานของประสบการณ์ของผู้ใช้

12
00:00:32,240 --> 00:00:32,740
ของเว็บ

13
00:00:32,740 --> 00:00:34,448
ในความเป็นจริงมี
สามภาษาที่ฉัน

14
00:00:34,448 --> 00:00:38,480
จะบอกว่าการจัดเรียงของทำขึ้น
ประสบการณ์ของผู้ใช้ในการโต้ตอบ

15
00:00:38,480 --> 00:00:42,650
กับเว็บไซต์, HTML,
CSS, และ JavaScript

16
00:00:42,650 --> 00:00:46,030
ดังนั้นตอนนี้ขอพูดคุย
เล็กน้อยเกี่ยวกับ JavaScript

17
00:00:46,030 --> 00:00:50,301
>> ข่าวร้าย แต่ด้วย JavaScript เป็น
ที่จะกำหนดจำนวนมากของกฎสำหรับตัวเอง

18
00:00:50,301 --> 00:00:51,300
และจากนั้นก็แบ่งพวกเขา

19
00:00:51,300 --> 00:00:54,010
และ JavaScript สามารถจริงจะ
ชนิดของความท้าทายที่จะเรียนรู้

20
00:00:54,010 --> 00:00:57,000
เพราะมันแตกต่างจากซีและ
PHP ซึ่งมีโครงสร้างมาก

21
00:00:57,000 --> 00:01:00,270
และมีกฎระเบียบที่เข้มงวดมาก
สำหรับวิธีการสิ่งที่สามารถทำงานได้

22
00:01:00,270 --> 00:01:03,690
JavaScript มีชนิด
ของอากาศที่มีความยืดหยุ่นเพื่อให้

23
00:01:03,690 --> 00:01:06,650
สิ่งที่อาจจะไม่ได้ไป
วิธีการทำงานของเราคาดหวังให้พวกเขาที่

24
00:01:06,650 --> 00:01:09,830
และบางทีเราไม่สามารถเรียนรู้
การเขียนโปรแกรมภาษาแรกของเรา

25
00:01:09,830 --> 00:01:10,769
เป็น JavaScript

26
00:01:10,769 --> 00:01:12,810
ดังนั้นอาจจะเพราะมันไม่ได้
ตั้งตัวเองกฎระเบียบใด ๆ

27
00:01:12,810 --> 00:01:15,754
และมันไม่ได้จริงๆ
นิสัยการบังคับใช้การเข้ารหัสที่ดี

28
00:01:15,754 --> 00:01:18,170
แต่ตอนนี้เราได้พัฒนาหวังว่า
มีนิสัยการเขียนโปรแกรมที่ดี

29
00:01:18,170 --> 00:01:21,470
และเพื่อให้เราสามารถเริ่มต้นการโจมตี
เข้า JavaScript นิด ๆ หน่อย ๆ

30
00:01:21,470 --> 00:01:25,750
>> การเขียน JavaScript คล้ายกับการเปิด
ขึ้นไฟล์ C ที่มีการขยายจุด C

31
00:01:25,750 --> 00:01:29,770
หรือไฟล์ PHP ที่มีนามสกุล dot PHP,
ทั้งหมดที่เราต้องทำคือการเปิดไฟล์

32
00:01:29,770 --> 00:01:31,764
ที่มีนามสกุลไฟล์ js จุด

33
00:01:31,764 --> 00:01:34,430
เราไม่จำเป็นต้องมีพิเศษใด ๆ
คั่นเหมือนที่เราทำใน PHP

34
00:01:34,430 --> 00:01:36,750
การเรียงลำดับของมุมที่
เครื่องหมายคำถามวงเล็บ PHP

35
00:01:36,750 --> 00:01:40,300
ที่เราใช้ในการจากที่ทาง
เราบอกเบราว์เซอร์ของเราว่าสิ่งที่เรามีคือ

36
00:01:40,300 --> 00:01:43,502
JavaScript เป็นโดยรวม
ในแท็ก HTML,

37
00:01:43,502 --> 00:01:46,210
และเราจะเห็นเล็กน้อยเกี่ยวกับ
วิธีการที่จะทำเช่นนั้นในเวลาเพียงสักครู่

38
00:01:46,210 --> 00:01:48,210
>> สิ่งอื่น ๆ ที่จะทำให้
จาวาสคริปต์ที่แตกต่างกัน

39
00:01:48,210 --> 00:01:50,580
แต่เป็นว่ามันจะทำงานด้านลูกค้า

40
00:01:50,580 --> 00:01:53,430
ดังนั้นจำกับ PHP ที่
เราอาจจะไม่เคยเห็นจริงๆ

41
00:01:53,430 --> 00:01:57,041
PHP ที่ขีดเส้นใต้เว็บไซต์

42
00:01:57,041 --> 00:01:59,040
ถ้าเราเคยดู
แหล่งที่มาหน้าเราจะมีเพียง

43
00:01:59,040 --> 00:02:02,830
html ที่เห็นว่าเป็น
ที่สร้างขึ้นโดย PHP ที่

44
00:02:02,830 --> 00:02:04,900
แต่ JavaScript วิ่งฝั่งไคลเอ็นต์

45
00:02:04,900 --> 00:02:06,710
จาวาสคริปต์ของคุณทำงานในคอมพิวเตอร์ของคุณ

46
00:02:06,710 --> 00:02:09,050
และนั่นเป็นเหตุผลที่คุณสามารถทำได้
สิ่งที่ชอบอัพเพิ่ม

47
00:02:09,050 --> 00:02:09,550
ขวา?

48
00:02:09,550 --> 00:02:12,704
การปิดกั้นการโฆษณามักจะทำโดย
ฆ่าทั้งหมดของ JavaScript

49
00:02:12,704 --> 00:02:14,370
ที่ใช้ในเว็บไซต์หนึ่ง

50
00:02:14,370 --> 00:02:19,000
และเพราะมันจะต้อง
ทำงานบนฝั่งไคลเอ็นต์เครื่องของคุณ

51
00:02:19,000 --> 00:02:21,910
คุณก็สามารถหยุด
จาวาสคริปต์สำหรับการทำงานทั้งหมด

52
00:02:21,910 --> 00:02:27,030
นั่นก็หมายความว่าเมื่อคุณใช้
เว็บไซต์ที่รวมถึง JavaScript,

53
00:02:27,030 --> 00:02:32,450
คุณต้องส่งแหล่ง JavaScript
รหัสเป็นส่วนหนึ่งของการตอบสนองของคุณ http

54
00:02:32,450 --> 00:02:34,159
ให้กับลูกค้าเมื่อพวกเขาร้องขอ

55
00:02:34,159 --> 00:02:35,950
และเพื่อให้คุณอาจจะไม่
ต้องการที่จะใช้ JavaScript

56
00:02:35,950 --> 00:02:38,395
ที่จะทำสิ่งที่มีความสำคัญจริงๆ
เช่นเดียวกับการส่งผ่านข้อมูล

57
00:02:38,395 --> 00:02:41,020
เกี่ยวกับรหัสผ่านของผู้ใช้และกลับ
ออกมาเพราะพวกเขากำลังจริง

58
00:02:41,020 --> 00:02:45,610
จะได้รับทั้งหมดของรหัสที่มา
ไม่ได้เป็นเพียง html ที่ที่ถูกสร้างขึ้น

59
00:02:45,610 --> 00:02:49,030
เช่นจะเป็นกรณีที่มีการพูดของ PHP

60
00:02:49,030 --> 00:02:51,620
>> ดังนั้นวิธีการที่เราทำรวมถึง JavaScript
ใน html ของเราที่จะเริ่มต้นด้วย?

61
00:02:51,620 --> 00:02:54,520
ดีคล้ายกับ CSS จริง
เป็นประเภทของวิธีการที่เราทำมันได้ที่นี่

62
00:02:54,520 --> 00:02:56,190
ด้วย CSS เรามีแท็กสไตล์

63
00:02:56,190 --> 00:03:00,760
และภายในของแท็กรูปแบบเหล่านั้น
เราสามารถกำหนดสไตล์ชีต CSS

64
00:03:00,760 --> 00:03:03,450
ในทำนองเดียวกันกับ JavaScript
เราสามารถเปิดแท็กสคริปต์

65
00:03:03,450 --> 00:03:06,660
แท็ก html ที่อื่นเราไม่ได้
พูดคุยเกี่ยวกับในวิดีโอ html ของเรา

66
00:03:06,660 --> 00:03:09,720
และเขียน JavaScript ใน
ระหว่างแท็กสคริปต์เหล่านั้น

67
00:03:09,720 --> 00:03:13,960
นอกจากนี้แม้ว่าเช่น CSS เรา
สามารถเชื่อมโยงในไฟล์ CSS นอก

68
00:03:13,960 --> 00:03:15,900
และดึงพวกเขาลงในโปรแกรมของเราด้วยวิธีการที่

69
00:03:15,900 --> 00:03:18,280
ด้วย CSS เรายังสามารถ
ขอโทษด้วย JavaScript

70
00:03:18,280 --> 00:03:23,240
เรายังสามารถระบุแหล่งที่มา
แอตทริบิวต์ของแท็กสคริปต์

71
00:03:23,240 --> 00:03:25,720
ที่จะเชื่อมโยงใน JavaScript
แยกกันเพื่อให้คุณทำไม่ได้

72
00:03:25,720 --> 00:03:27,680
มีการเขียนไว้ใน
ระหว่างแท็กสคริปต์เรา

73
00:03:27,680 --> 00:03:29,600
สามารถเชื่อมโยงในการใช้
แท็กสคริปต์ที่เป็นอย่างดี

74
00:03:29,600 --> 00:03:33,230
และเช่นเดียวกับกรณีที่มี CSS ที่
เราขอแนะนำว่ามันอาจจะเป็น

75
00:03:33,230 --> 00:03:36,090
อยู่ในความสนใจของคุณที่ดีที่สุดที่จะเขียน
CSS ของคุณในแฟ้มแยกต่างหากในกรณี

76
00:03:36,090 --> 00:03:38,500
คุณจำเป็นต้องเปลี่ยนมัน
ในทำนองเดียวกันเราขอแนะนำให้ทำ

77
00:03:38,500 --> 00:03:40,720
ที่คุณเขียนของคุณ
JavaScript ในแฟ้มที่แยกต่างหาก

78
00:03:40,720 --> 00:03:45,460
และใช้สคริปต์แหล่งที่มาแท็ก
แอตทริบิวต์ที่จะผูก JavaScript ของคุณ

79
00:03:45,460 --> 00:03:49,520
html ของคุณลงในหน้าเว็บของคุณ

80
00:03:49,520 --> 00:03:52,610
>> ตัวแปร JavaScript ดังนั้นเราจะ
เริ่มต้นการพูดคุยเกี่ยวกับไวยากรณ์ที่นี่

81
00:03:52,610 --> 00:03:53,600
และเราจะผ่านไป
ชนิดของการได้อย่างรวดเร็วนี้

82
00:03:53,600 --> 00:03:56,640
เพราะเราได้กระทำเช่นนี้ใน PHP ดังนั้น
ทั้งหมดนี้ควรจะคุ้นเคยสวย

83
00:03:56,640 --> 00:03:59,490
ดังนั้นตัวแปรใน JavaScript มี
คล้ายกันมากกับ PHP ตัวแปร

84
00:03:59,490 --> 00:04:03,270
มีระบุชนิดไม่ได้และ
เมื่อคุณแนะนำตัวแปร

85
00:04:03,270 --> 00:04:05,070
คุณนำหน้าด้วยคำหลักที่วา

86
00:04:05,070 --> 00:04:07,750
ใน PHP เราจะทำบางสิ่งบางอย่าง
เช่นนี้เงินดอลลาร์เข้าสู่ระบบ x

87
00:04:07,750 --> 00:04:09,950
นั่นคือวิธีการที่เราแสดงให้เห็น
ตัวแปร แต่ไม่มีเรา

88
00:04:09,950 --> 00:04:12,060
ไม่ได้กล่าวถึงชนิด
ของตัวแปรที่ทั้งหมด

89
00:04:12,060 --> 00:04:15,124
เราจะบอกว่าสิ่งที่ต้องการ
ดอลล่าเครื่องหมาย x เท่ากับ 44 ใน PHP

90
00:04:15,124 --> 00:04:17,040
ถ้าเราทำ
สิ่งเดียวกันใน JavaScript,

91
00:04:17,040 --> 00:04:19,589
เราจะบอกว่า var x เท่ากับ 44

92
00:04:19,589 --> 00:04:22,780
ดังนั้น var เป็นประเภทของวิธีการของเรา
ของการแนะนำตัวแปร

93
00:04:22,780 --> 00:04:26,850
นั่นอาจจะเป็นบิตง่ายขึ้น
กว่าเงินดอลลาร์เพียงตัวแปรสัญญาณ

94
00:04:26,850 --> 00:04:29,080
>> อีกครั้งเนื่องจากไม่มี
ชนิดข้อมูลที่เราสามารถทำเช่นนี้

95
00:04:29,080 --> 00:04:34,490
กับชนิดของข้อมูลใด ๆ สตริง
สิ่งอื่นทั้งหมดจะ var

96
00:04:34,490 --> 00:04:37,260
เงื่อนไขทั้งหมดของเรา
เพื่อนเก่าจาก C และ PHP

97
00:04:37,260 --> 00:04:41,640
ยังคงมีอยู่เพื่อให้เรามีถ้า
อื่นถ้าอื่น, สวิทช์และคำถาม

98
00:04:41,640 --> 00:04:42,240
ลำไส้ใหญ่เครื่องหมาย

99
00:04:42,240 --> 00:04:45,890
สวิตช์ที่เหลือเป็นความยืดหยุ่นเป็นมัน
เป็นใน PHP แต่สิ่งเหล่านี้คุณ

100
00:04:45,890 --> 00:04:46,930
คุ้นเคยกับตอนนี้

101
00:04:46,930 --> 00:04:49,900
และในทำนองเดียวกันกับที่มีลูป
รายการโปรดเก่าในขณะที่

102
00:04:49,900 --> 00:04:52,700
ทำในขณะที่และยังคงมีให้เรา

103
00:04:52,700 --> 00:04:55,880
ดังนั้นแล้วเรารู้จำนวนมากที่
จัดเรียง JavaScript พื้นฐานของปัจจัยพื้นฐาน

104
00:04:55,880 --> 00:05:01,800
เพียงโดยอาศัยอำนาจของการมีไม่น้อย
ตอนนี้ความรู้เกี่ยวกับ C และ PHP

105
00:05:01,800 --> 00:05:03,670
>> สิ่งที่เกี่ยวกับฟังก์ชั่นใน JavaScript?

106
00:05:03,670 --> 00:05:08,199
ดีคล้ายกับ PHP ทุกฟังก์ชั่น
การแนะนำให้รู้จักกับคำฟังก์ชั่น

107
00:05:08,199 --> 00:05:10,740
คุณบอกว่าฟังก์ชั่นและจากนั้นคุณ
เริ่มต้นที่จะกำหนดฟังก์ชั่นของคุณ

108
00:05:10,740 --> 00:05:12,531
มีอะไรเล็ก ๆ น้อย ๆ ที่แตกต่างกัน
เกี่ยวกับ JavaScript,

109
00:05:12,531 --> 00:05:15,700
แม้ว่าจะมีความสามารถที่จะมี
สิ่งที่เรียกว่าฟังก์ชั่นที่ไม่ระบุชื่อ

110
00:05:15,700 --> 00:05:18,880
ดังนั้นคุณสามารถกำหนดฟังก์ชั่น
ที่ไม่ได้มีชื่อ

111
00:05:18,880 --> 00:05:21,222
นี่คือสิ่งที่เรา
จริงๆไม่ได้เห็นมาก่อน

112
00:05:21,222 --> 00:05:23,430
จริงๆเราจะใช้แนวคิด
ของระบุชื่อฟังก์ชัน

113
00:05:23,430 --> 00:05:27,880
เล็ก ๆ น้อย ๆ ต่อมาในครั้งนี้
วิดีโอเพราะมันจะ

114
00:05:27,880 --> 00:05:31,530
ทำให้ความรู้สึกเล็ก ๆ น้อย ๆ ในบริบท
เมื่อเราเห็นมันอยู่ในสถานการณ์โดยเฉพาะอย่างยิ่ง

115
00:05:31,530 --> 00:05:33,120
ที่ฉันได้สร้างขึ้นมาที่นี่

116
00:05:33,120 --> 00:05:35,710
แต่ขอเพียงแค่ใช้เวลาดู
ในสิ่งที่เรียบง่าย JavaScript

117
00:05:35,710 --> 00:05:37,850
ฟังก์ชั่นอาจมีลักษณะเช่น

118
00:05:37,850 --> 00:05:40,610
>> ดังนั้นผมจึงได้ไปข้างหน้าและ
เปิด IDE CS50 ของฉัน

119
00:05:40,610 --> 00:05:43,690
และฉันได้แล้วเรียกอาปาเช่
ที่จะเริ่มต้นการทำงานเซิร์ฟเวอร์ของฉัน

120
00:05:43,690 --> 00:05:46,800
และฉันมีไฟล์นี้
เรียกว่าเปิด Home.html

121
00:05:46,800 --> 00:05:48,330
และฉันจะซูมเข้านิด ๆ หน่อย ๆ ที่นี่

122
00:05:48,330 --> 00:05:52,090
และโดยทั่วไปคุณสามารถดู
Home.html เป็นเพียงพวงของปุ่ม

123
00:05:52,090 --> 00:05:55,291
และฉันอ้างที่ด้านบนที่นี่
ว่านี่คือส่วน JavaScript

124
00:05:55,291 --> 00:05:55,790
วัสดุ

125
00:05:55,790 --> 00:05:59,490
เพื่อให้มีพวงของปุ่มที่นี่
แต่สิ่งที่ปุ่มเหล่านี้จริงทำอย่างไร

126
00:05:59,490 --> 00:06:03,662
>> ดีเราจะตรงไปที่ IED ของฉัน
และฉันได้ Home.html เปิดที่นี่

127
00:06:03,662 --> 00:06:05,620
ที่จุดเริ่มต้นมาก
นี่คือสิ่งที่ฉันเชื่อมโยง

128
00:06:05,620 --> 00:06:07,500
ในทุกไฟล์ที่มา JavaScript ของฉัน

129
00:06:07,500 --> 00:06:08,000
ขวา?

130
00:06:08,000 --> 00:06:12,440
ดังนั้นผมจึงมี anonymous.js, clock.js,
ฉันใช้แหล่งแอตทริบิวต์

131
00:06:12,440 --> 00:06:14,440
ของแท็กสคริปต์ที่จะเชื่อมโยงในแฟ้ม

132
00:06:14,440 --> 00:06:18,660
ดังนั้นผมจึงไม่ได้เขียนใด ๆ
JavaScript โดยตรงลงในแฟ้มนี้

133
00:06:18,660 --> 00:06:21,790
แต่ฉันได้ดึงในทุก
JavaScript ผมเคยเขียนแยกกัน

134
00:06:21,790 --> 00:06:24,540
และถ้าเราเลื่อนลงนี่นี้
ทั้งหมดควรมีลักษณะค่อนข้างคุ้นเคย

135
00:06:24,540 --> 00:06:27,090
มีนิด ๆ หน่อย ๆ ของไวยากรณ์ใหม่

136
00:06:27,090 --> 00:06:32,655
ที่นี่เรามีแท็กส่วนหัว
ฟังก์ชั่นแล้วปุ่ม

137
00:06:32,655 --> 00:06:35,530
ฉันมีการป้อนข้อมูลที่ปุ่มประเภทที่
และเห็นได้ชัดเมื่อฉันคลิกมัน

138
00:06:35,530 --> 00:06:38,130
ฉันจะเรียกบาง
ฟังก์ชั่นวันที่แจ้งเตือน

139
00:06:38,130 --> 00:06:41,792
และนี่คือวิธีการที่เราสามารถจัดเรียงของผสมขึ้น
นิด ๆ หน่อย ๆ ของ JavaScript และ HTML

140
00:06:41,792 --> 00:06:44,500
พวกเขาเล่นจริงสวยอย่าง
ร่วมกันและเห็นได้ชัดดังนั้นเมื่อ

141
00:06:44,500 --> 00:06:48,730
ฉันคลิกที่ปุ่มนี้ฉันจะ
ที่จะเรียกการแจ้งเตือนวันที่ฟังก์ชั่นบางอย่าง

142
00:06:48,730 --> 00:06:53,660
และในทำนองเดียวกันเราได้กำหนดพฤติกรรม
สำหรับทุกปุ่มอื่น ๆ ที่

143
00:06:53,660 --> 00:06:56,440
อยู่บนหน้า home.html ว่า
ซึ่งเราจะให้กลับ

144
00:06:56,440 --> 00:06:59,172
ไปในช่วงของวิดีโอนี้

145
00:06:59,172 --> 00:07:00,880
แต่ขอกลับไปขึ้น
และที่นี่จะดู

146
00:07:00,880 --> 00:07:03,850
ที่ clock.js ซึ่งเป็น
ไฟล์ JavaScript ที่ฉัน

147
00:07:03,850 --> 00:07:07,370
เขียนที่มีฟังก์ชันนี้เป็นครั้งแรก
เรากำลังจะไปดูที่

148
00:07:07,370 --> 00:07:11,630
ในขณะที่คุณสามารถดูฉันจะเริ่มต้น JavaScript ของฉัน
ทำงานกับฟังก์ชั่นคำหลัก

149
00:07:11,630 --> 00:07:14,560
และผมได้รับนี้อย่างใดอย่างหนึ่ง
ชื่อก็เรียกว่าวันการแจ้งเตือน

150
00:07:14,560 --> 00:07:18,710
ภายในมีฉันเห็นได้ชัดว่าสร้าง
ตัวแปรท้องถิ่นใหม่ที่เรียกว่าวันที่ปัจจุบัน

151
00:07:18,710 --> 00:07:21,500
และฉันจะกำหนด
เท่ากับวันที่ใหม่

152
00:07:21,500 --> 00:07:24,430
และเราจะได้รับเป็นจำนวนมากของ
รายละเอียดเป็นสิ่งที่วันคือ

153
00:07:24,430 --> 00:07:27,060
และจริงๆ JavaScript เพื่อให้
ขนาดใหญ่ที่เราไม่สามารถเป็นไปได้

154
00:07:27,060 --> 00:07:28,330
ครอบคลุมทุกอย่างในหนึ่งวิดีโอ

155
00:07:28,330 --> 00:07:32,220
แต่พอที่จะพูดนี้เป็นไป
ที่จะกลับมาให้ฉันรายการข้อมูลที่

156
00:07:32,220 --> 00:07:35,470
สุนทรีย์วันที่และเวลาปัจจุบัน

157
00:07:35,470 --> 00:07:39,100
ผมว่าในการจัดเก็บตัวแปรที่ฉัน
เห็นได้ชัดว่าจะแจ้งเตือนวันที่ปัจจุบัน

158
00:07:39,100 --> 00:07:41,300
>> ดีสิ่งที่ไม่แจ้งเตือน
วันที่ปัจจุบันลักษณะอย่างไร

159
00:07:41,300 --> 00:07:46,460
ลองมาดูที่ไฟล์ตัวเอง
ย้อนกลับไปในหน้าต่างเบราว์เซอร์

160
00:07:46,460 --> 00:07:49,551
ดังนั้นอีกครั้งนี้เป็นปุ่มที่ฉัน
ได้ผูกติดอยู่กับนี้ฟังก์ชั่นการตั้งชื่อ

161
00:07:49,551 --> 00:07:51,800
และฉันคลิกที่นั่นและ
มองสิ่งที่มันทำก็รับการแจ้งเตือน

162
00:07:51,800 --> 00:07:56,140
มันโผล่ขึ้นมาเรียงลำดับของกล่องบอกนี้
ผมว่าเวลาปัจจุบันเป็นที่เห็นได้ชัด

163
00:07:56,140 --> 00:07:59,370
มันเป็นเรื่องที่ 4 พฤศจิกายน
10:43:43 ในตอนเช้า

164
00:07:59,370 --> 00:08:02,345
และถ้าเราคลิกมันอีกครั้งในขณะนี้
มันไม่กี่วินาทีต่อมาใช่มั้ย?

165
00:08:02,345 --> 00:08:03,720
ดังนั้นนั่นคือทั้งหมดที่ฟังก์ชั่นนี้จะ

166
00:08:03,720 --> 00:08:07,670
เมื่อฉันคลิกที่ปุ่มนี้ก็
ปรากฏขึ้นข้อความแจ้งเตือนให้ฉัน

167
00:08:07,670 --> 00:08:13,806

168
00:08:13,806 --> 00:08:15,690
ดังนั้นมีจริงๆไม่ได้
มากเกินไปที่จะฟังก์ชั่น

169
00:08:15,690 --> 00:08:19,110
ที่แตกต่างจาก PHP,
เพียงเล็กน้อยของไวยากรณ์ใหม่

170
00:08:19,110 --> 00:08:22,500
ที่มาพร้อมกับการทำงานร่วมกับ JavaScript

171
00:08:22,500 --> 00:08:24,650
>> อาร์เรย์ใน JavaScript มี
ตรงไปตรงสวย

172
00:08:24,650 --> 00:08:27,200
ที่จะประกาศอาร์เรย์ที่คุณใช้
ตารางไวยากรณ์วงเล็บ

173
00:08:27,200 --> 00:08:30,090
ที่เราคุ้นเคยกับ PHP จาก

174
00:08:30,090 --> 00:08:33,432
และคล้ายกับ PHP เรา
นอกจากนี้ยังสามารถผสมชนิดข้อมูล

175
00:08:33,432 --> 00:08:35,140
ดังนั้นอาร์เรย์นี้ทั้ง
ของอาร์เรย์เหล่านี้จะ

176
00:08:35,140 --> 00:08:36,960
ถูกต้องตามกฎหมายอย่างสมบูรณ์แบบ JavaScript

177
00:08:36,960 --> 00:08:42,500
หนึ่งที่ทุกจำนวนเต็มและหนึ่งที่
มีการผสมขึ้นชนิดข้อมูลที่แตกต่าง

178
00:08:42,500 --> 00:08:45,020
>> มีอะไรบางสิ่งบางอย่างที่แตกต่างกันมาก
ใน JavaScript แต่?

179
00:08:45,020 --> 00:08:47,020
นั่นเป็นความคิดของวัตถุ

180
00:08:47,020 --> 00:08:50,240
ดังนั้นบางทีคุณอาจเคยได้ยิน
การเขียนโปรแกรมเชิงวัตถุ

181
00:08:50,240 --> 00:08:53,370
เราไม่ได้ทำมากของมันใน CS50,
แต่เราจะทำนิด ๆ หน่อย ๆ ของมัน

182
00:08:53,370 --> 00:08:55,670
ที่นี่ในบริบทของจาวาสคริปต์

183
00:08:55,670 --> 00:08:59,100
ตอนนี้มีความสามารถในจาวาสคริปต์ไป
ทำตัวเป็นโปรแกรมเชิงวัตถุ

184
00:08:59,100 --> 00:09:02,615
ภาษา แต่มันไม่ได้เป็นของตัวเอง
โดยเฉพาะวัตถุเชิง

185
00:09:02,615 --> 00:09:03,490
การเขียนโปรแกรมภาษา

186
00:09:03,490 --> 00:09:05,281
และนี่อีกครั้งมา
กลับไปที่เหตุผลที่ผมกล่าวว่า

187
00:09:05,281 --> 00:09:10,610
สามารถท้าทายมากที่จะเรียนรู้
การเขียนโปรแกรมจาวาสคริปต์เป็นครั้งแรกของคุณ

188
00:09:10,610 --> 00:09:13,890
ภาษาเพราะมันไม่ได้
จริงๆพอดีกระบวนทัศน์โดยเฉพาะอย่างยิ่ง

189
00:09:13,890 --> 00:09:16,430
>> C ในมืออื่น ๆ เป็น
ภาษาเขียนโปรแกรมการทำงาน

190
00:09:16,430 --> 00:09:22,270
ถ้าเราต้องการที่จะเป็นฟังก์ชั่น
การเรียงลำดับของคนที่บอสใหญ่ใช่มั้ย?

191
00:09:22,270 --> 00:09:24,410
กำหนดสิ่งที่พวกเขา
ที่เกิดขึ้นทุกอย่างอื่น

192
00:09:24,410 --> 00:09:26,600
เราต้องการที่จะเปลี่ยนตัวแปร
ที่เราเรียกว่าฟังก์ชั่น

193
00:09:26,600 --> 00:09:28,220
เราทำในสิ่งที่ฟังก์ชั่น

194
00:09:28,220 --> 00:09:31,250
วัตถุแทนใน
วัตถุภาษาที่มุ่งเน้น

195
00:09:31,250 --> 00:09:35,937
การเรียงลำดับของวัตถุกลายเป็นดาวเด่นและ
ฟังก์ชั่นกลายเป็นจัดเรียงของรอง

196
00:09:35,937 --> 00:09:38,270
แต่สิ่งที่เป็นวัตถุอะไร
เป็นความคิดของวัตถุนี้หรือไม่?

197
00:09:38,270 --> 00:09:40,880
ดีถ้ามันจะช่วยให้คิดว่า
เกี่ยวกับเรื่องนี้เป็นครั้งแรกที่จัดเรียง

198
00:09:40,880 --> 00:09:44,540
เช่นโครงสร้าง C หรือ struct
ที่เราได้เรียนรู้เกี่ยวกับก่อน

199
00:09:44,540 --> 00:09:47,430
ใน C โครงสร้างประกอบด้วย
จำนวนสาขา

200
00:09:47,430 --> 00:09:51,174
และบางทีตอนนี้เราอาจจะเริ่มต้นที่จะ
เรียกคุณสมบัติเขตข้อมูลเหล่านี้

201
00:09:51,174 --> 00:09:53,590
แต่คุณสมบัติไม่เคยจริงๆ
ยืนได้ด้วยตัวเองใช่มั้ย?

202
00:09:53,590 --> 00:09:56,410
ถ้าผมกำหนดโครงสร้างสำหรับรถ
เช่นนี้กับสองต่อไปนี้

203
00:09:56,410 --> 00:10:00,750
สาขาหรือคุณสมบัติหนึ่ง
จำนวนเต็มประจำปีของรถ

204
00:10:00,750 --> 00:10:04,290
และอีก 10 ตัวอักษร
สตริงสำหรับรูปแบบของรถ

205
00:10:04,290 --> 00:10:07,150
ผมสามารถพูดได้บางสิ่งบางอย่างเช่นนี้
ฉันสามารถประกาศตัวแปรใหม่

206
00:10:07,150 --> 00:10:10,080
ประเภทรถ struct Herbie

207
00:10:10,080 --> 00:10:13,730
และแล้วฉันจะพูดอะไรบางอย่าง
เช่น herbie.year เท่ากับ 1,963,

208
00:10:13,730 --> 00:10:15,850
และ herbie.model เท่ากับด้วง

209
00:10:15,850 --> 00:10:17,000
มันโอเค.

210
00:10:17,000 --> 00:10:19,680
ฉันใช้ฟิลด์ใน
บริบทของโครงสร้าง

211
00:10:19,680 --> 00:10:22,290
แต่ฉันไม่เคยทำได้เพียง
พูดอะไรบางอย่างเช่นนี้

212
00:10:22,290 --> 00:10:22,790
ขวา?

213
00:10:22,790 --> 00:10:26,836
ฉันไม่สามารถใช้ชื่อเขตข้อมูล
อิสระของโครงสร้าง

214
00:10:26,836 --> 00:10:28,210
มันเรียงลำดับของสิ่งพื้นฐาน

215
00:10:28,210 --> 00:10:32,990
>> ดังนั้นการเป็นทุ่งนา
โครงสร้างพื้นฐานของ C

216
00:10:32,990 --> 00:10:39,050
จะคล้ายกับคุณสมบัติการเป็น
พื้นฐานของวัตถุ JavaScript

217
00:10:39,050 --> 00:10:42,080
แต่สิ่งที่ทำให้พวกเขา
น่าสนใจอย่างยิ่ง

218
00:10:42,080 --> 00:10:46,230
คือการที่วัตถุยังสามารถมีสิ่งที่
จะเรียกว่าวิธีการที่เป็นจริง

219
00:10:46,230 --> 00:10:50,730
เพียงคำแฟนซีสำหรับฟังก์ชั่นที่
มีการจดทะเบียนกับวัตถุได้เป็นอย่างดี

220
00:10:50,730 --> 00:10:55,340
ดังนั้นจึงเป็นฟังก์ชั่นที่สามารถเป็น
เรียกว่าในบริบทของวัตถุ

221
00:10:55,340 --> 00:10:59,200
เพียงวัตถุที่ได้กำหนดไว้
ฟังก์ชั่นนี้ภายในของตน

222
00:10:59,200 --> 00:11:02,020
ถ้าคุณคิดเกี่ยวกับ
struct ฟังก์ชั่น

223
00:11:02,020 --> 00:11:05,720
ถูกกำหนดให้ผู้ที่อยู่ภายในกำหนด
วงเล็บปีกกาของโครงสร้าง

224
00:11:05,720 --> 00:11:07,980
ดังนั้นมันจะหมายถึงสิ่งที่
โครงสร้าง

225
00:11:07,980 --> 00:11:10,960
และนั่นคือการจัดเรียงของสิ่งที่เรากำลังทำ
ที่นี่กับวัตถุและวิธีการ

226
00:11:10,960 --> 00:11:13,580
มันเป็นพื้นเหมือนเรา
กำหนดฟังก์ชั่นที่

227
00:11:13,580 --> 00:11:16,670
เพียงทำให้รู้สึกบน
วัตถุโดยเฉพาะอย่างยิ่งและเพื่อให้เรา

228
00:11:16,670 --> 00:11:19,440
เรียกว่าวิธีการของวัตถุ

229
00:11:19,440 --> 00:11:23,180
และเราไม่เคยสามารถเรียกว่า
ฟังก์ชั่นที่เป็นอิสระของวัตถุ

230
00:11:23,180 --> 00:11:29,260
เหมือนกับที่เราไม่สามารถพูดได้ปีหรือรุ่น
เป็นอิสระจากโครงสร้างในซี

231
00:11:29,260 --> 00:11:32,300
>> ดังนั้นโปรแกรมการทำงาน
กระบวนทัศน์ที่มีลักษณะบางอย่างเช่นนี้

232
00:11:32,300 --> 00:11:35,450
ฟังก์ชั่นและจากนั้นเมื่อคุณผ่าน
ในวัตถุเป็นพารามิเตอร์

233
00:11:35,450 --> 00:11:38,650
ในการเขียนโปรแกรมเชิงวัตถุ
ภาษานี้ได้รับการจัดเรียงของ

234
00:11:38,650 --> 00:11:43,464
พลิกและเราจะคิดเกี่ยวกับ
มันชอบนี้ object.function

235
00:11:43,464 --> 00:11:45,380
ดังนั้นจึงเรียงลำดับของจุดที่
ผู้ประกอบการอีกครั้งอ้างว่า

236
00:11:45,380 --> 00:11:49,540
ว่ามันเป็นสถานที่ให้บริการการจัดเรียงของบางอย่าง
หรือแอตทริบิวต์ของว​​ัตถุเอง

237
00:11:49,540 --> 00:11:53,240
แต่นี่คือสิ่งที่วัตถุ
ที่มุ่งเน้นการเขียนโปรแกรมภาษา

238
00:11:53,240 --> 00:11:57,150
อาจจะทำที่จะทำให้ฟังก์ชั่น
เรียกวิธีการอีกครั้งที่

239
00:11:57,150 --> 00:12:00,260
เป็นเพียงคำที่พิเศษสำหรับฟังก์ชั่น
ที่มีอยู่ไปยังวัตถุ

240
00:12:00,260 --> 00:12:03,440
นี่คือสิ่งที่
ไวยากรณ์อาจมีลักษณะเช่น

241
00:12:03,440 --> 00:12:09,360
และเพื่อให้เราจะเริ่มเห็นบางส่วนของ
นี้ในบริบทของจาวาสคริปต์

242
00:12:09,360 --> 00:12:12,470
>> นอกจากนี้คุณยังสามารถคิดเกี่ยวกับวัตถุ
ประเภทเช่นอาเรย์,

243
00:12:12,470 --> 00:12:14,160
ที่เราคุ้นเคยกับ PHP จาก

244
00:12:14,160 --> 00:12:17,720
โปรดจำไว้ว่าอาเรย์ช่วยให้
เรามีคู่ค่าที่สำคัญแทน

245
00:12:17,720 --> 00:12:23,040
ของการมีดัชนี 0, หนึ่งสองสาม
และอื่น ๆ เหมือนที่เรากำลังใช้ในการจาก C

246
00:12:23,040 --> 00:12:23,940
อาร์เรย์

247
00:12:23,940 --> 00:12:27,472
เชื่อมโยงอาร์เรย์สามารถแผนที่
คำพูดเช่นในวิดีโอ PHP,

248
00:12:27,472 --> 00:12:29,180
เราได้พูดคุยเกี่ยวกับ
รสชาติของพิซซ่า

249
00:12:29,180 --> 00:12:31,180
และเพื่อให้เรามีอาร์เรย์
เรียกพิซซ่าและเรา

250
00:12:31,180 --> 00:12:36,670
มีชีสเป็นสำคัญและ $ 8.99 เป็น
ค่าและจากนั้นเป็ปเปอร์โรเป็นกุญแจสำคัญที่

251
00:12:36,670 --> 00:12:39,190
$ 9.99 เป็นค่าและอื่น ๆ

252
00:12:39,190 --> 00:12:43,300
และเพื่อให้เราสามารถคิดเกี่ยวกับ
การเรียงลำดับของวัตถุคล้ายกับสมาคม

253
00:12:43,300 --> 00:12:43,840
อาร์เรย์

254
00:12:43,840 --> 00:12:47,020
และเพื่อให้รูปแบบนี้ที่นี่
จะสร้างวัตถุใหม่

255
00:12:47,020 --> 00:12:50,950
เรียกว่า Herbie สอง
คุณสมบัติภายในของมัน

256
00:12:50,950 --> 00:12:57,310
ปีซึ่งมีการกำหนดค่า 1963,
และรูปแบบที่มีการกำหนดสตริง

257
00:12:57,310 --> 00:12:58,140
ด้วง.

258
00:12:58,140 --> 00:13:01,770
>> และแจ้งให้ทราบว่าที่นี่ที่ฉันใช้
ราคาเดียวใน JavaScript

259
00:13:01,770 --> 00:13:05,570
คุณสามารถใช้คำพูดเดียวหรือสองครั้ง
เมื่อคุณกำลังพูดคุยเกี่ยวกับสตริง

260
00:13:05,570 --> 00:13:07,772
มันเป็นเพียงอัตภาพ
กรณีที่เวลาส่วนใหญ่

261
00:13:07,772 --> 00:13:10,230
เมื่อคุณกำลังเขียน JavaScript,
คุณเพียงแค่ใช้ราคาเดียว

262
00:13:10,230 --> 00:13:15,050
แต่ผมสามารถใช้คำพูดสองที่นี่และ
ที่จะสมบูรณ์ดีเช่นกัน

263
00:13:15,050 --> 00:13:17,470
>> ดังนั้นจำไว้ว่าใน
PHP เรามีความคิดนี้

264
00:13:17,470 --> 00:13:22,730
สำหรับของแต่ละวงที่จะช่วยให้เรา
ย้ำกว่าทั้งหมดของค่าคีย์

265
00:13:22,730 --> 00:13:25,270
คู่เชื่อมโยง
อาร์เรย์เพราะเรา

266
00:13:25,270 --> 00:13:29,050
ไม่ได้มีความสามารถในการย้ำ
ผ่าน 0, หนึ่งสองสามสี่

267
00:13:29,050 --> 00:13:30,710
และอื่น ๆ ?

268
00:13:30,710 --> 00:13:35,010
JavaScript มีสิ่งที่คล้ายกันมาก
แต่มันไม่ได้เรียกว่าสำหรับวงแต่ละ

269
00:13:35,010 --> 00:13:38,960
ก็เรียกว่าสำหรับในลูป

270
00:13:38,960 --> 00:13:42,890
ดังนั้นถ้าผมบอกว่าผมชอบ
นี้สำหรับคีย์ var ในวัตถุ

271
00:13:42,890 --> 00:13:48,670
นั่นคือการจัดเรียงของที่คล้ายกับพูดว่า
สำหรับแต่ละสิ่งที่เป็นบางสิ่งบางอย่าง

272
00:13:48,670 --> 00:13:53,850
แต่ทั้งหมดที่ฉันทำที่นี่จะทำซ้ำ
ผ่านทุกปุ่มของวัตถุของฉัน

273
00:13:53,850 --> 00:13:56,070
และภายในของปีกกา
วงเล็บที่นั่นผมจะ

274
00:13:56,070 --> 00:14:03,410
วงเล็บใช้วัตถุที่สำคัญในการดู
เป็นค่าที่ว่าสถานที่สำคัญ

275
00:14:03,410 --> 00:14:05,400
>> อีกทางเลือกหนึ่งที่มี
แม้อีกวิธีหนึ่ง

276
00:14:05,400 --> 00:14:10,880
ถ้าฉันจะดูแลเกี่ยวกับ
ค่าผมสามารถพูดได้ที่สำคัญของวัตถุ

277
00:14:10,880 --> 00:14:12,360
และใช้เพียงภายในที่สำคัญ

278
00:14:12,360 --> 00:14:17,240
ดังนั้นสำหรับคีย์ var ในวัตถุที่ฉันมี
ที่จะใช้วงเล็บวัตถุ

279
00:14:17,240 --> 00:14:19,340
ที่สำคัญภายในวง

280
00:14:19,340 --> 00:14:24,580
สำหรับคีย์ var ของวัตถุที่จะทำได้
เพียงใช้คีย์ภายในวง

281
00:14:24,580 --> 00:14:29,040
เพราะฉันแค่เฉพาะ
พูดคุยเกี่ยวกับค่าที่มี

282
00:14:29,040 --> 00:14:32,630
>> ถ้าอย่างนั้นเราอาจจะใช้เวลา
ดูความแตกต่าง

283
00:14:32,630 --> 00:14:35,670
เพียงเพื่อแสดงให้คุณได้อย่างรวดเร็ว
ความแตกต่างระหว่างสี่

284
00:14:35,670 --> 00:14:40,730
และสำหรับของที่มีความเฉพาะเจาะจงมาก
อาร์เรย์ที่เรามีที่นี่อาร์เรย์สัปดาห์

285
00:14:40,730 --> 00:14:43,616
ดังนั้นผมจึงต้องไปหาแถวใหม่
ที่ฉันเต็มไปด้วยเจ็ดสตริง

286
00:14:43,616 --> 00:14:46,240
วันจันทร์วันอังคารวันพุธ,
พฤหัสบดี, ศุกร์, เสาร์, อาทิตย์

287
00:14:46,240 --> 00:14:50,530
และผมอยากจะย้ำในขณะนี้
ผ่านแถวนี้

288
00:14:50,530 --> 00:14:53,090
พิมพ์ออกข้อมูลบางอย่าง

289
00:14:53,090 --> 00:14:58,780
หากฉันใช้สำหรับในวง
เพื่อพิมพ์ข้อมูล

290
00:14:58,780 --> 00:15:00,710
สิ่งที่คุณคิดว่าฉันจะได้รับ?

291
00:15:00,710 --> 00:15:01,710
ดีให้มาดู

292
00:15:01,710 --> 00:15:05,300
และก่อนที่เราจะกระโดดข้าม
ไปที่หน้าต่างเบราว์เซอร์ของฉัน

293
00:15:05,300 --> 00:15:08,090
เพิ่งรู้ว่า
console.log เป็นประเภทหนึ่ง

294
00:15:08,090 --> 00:15:10,630
วิธีการทำ F พิมพ์ใน JavaScript

295
00:15:10,630 --> 00:15:12,040
แต่สิ่งที่เป็นคอนโซล?

296
00:15:12,040 --> 00:15:14,940
ดีว่าเป็นสิ่งที่เรากำลังจะ
จะไปดูที่ในขณะนี้

297
00:15:14,940 --> 00:15:16,850
>> ตกลงดังนั้นเรากลับมาที่นี่
ในหน้าต่างเบราว์เซอร์ของฉัน

298
00:15:16,850 --> 00:15:19,410
และฉันจะไปเปิด
ขึ้นเครื่องมือสำหรับนักพัฒนาของฉัน

299
00:15:19,410 --> 00:15:22,290
อีกครั้งฉันแค่กดปุ่ม F12
ที่จะเปิดเครื่องมือสำหรับนักพัฒนา

300
00:15:22,290 --> 00:15:25,670
และแจ้งให้ทราบว่าที่นี่ที่
ด้านบนฉันได้เลือกคอนโซล

301
00:15:25,670 --> 00:15:28,480
ดังนั้นนี่คือความคิดที่
คอนโซลนักพัฒนา

302
00:15:28,480 --> 00:15:30,500
และมันจะช่วยให้เราสามารถ
พิมพ์ข้อมูลออกมา

303
00:15:30,500 --> 00:15:33,000
ประเภทเช่นขั้ว แต่
เป็นคุณจะเห็นเล็ก ๆ น้อย ๆ ต่อมา

304
00:15:33,000 --> 00:15:37,720
เรายังสามารถพิมพ์ข้อมูลใน
ในการโต้ตอบกับหน้าเว็บของเรา

305
00:15:37,720 --> 00:15:42,320
ฉันจะซูมเข้านิด ๆ หน่อย ๆ ที่นี่
และฉันจะตอนนี้คลิกที่สำหรับในการทดสอบ

306
00:15:42,320 --> 00:15:45,230
และสี่ใน test-- ฉันไม่ gonna
แสดงรหัสสำหรับมันตอนนี้

307
00:15:45,230 --> 00:15:47,479
แต่คุณจะได้รับมันถ้าคุณ
ดาวน์โหลดซอร์สโค้ดที่

308
00:15:47,479 --> 00:15:50,380
มีความเกี่ยวข้องกับ video-- นี้
เป็นเพียงที่สำหรับในวง

309
00:15:50,380 --> 00:15:52,610
ที่เราเห็นเพียง
วินาทีที่ผ่านมาบนภาพนิ่ง

310
00:15:52,610 --> 00:15:54,810
>> ดังนั้นผมจะคลิกที่
ปุ่มและมากกว่าที่นี่

311
00:15:54,810 --> 00:15:58,440
นี่คือสิ่งที่ได้พิมพ์ออกมาใน
คอนโซล, 0, หนึ่งสองสามสี่ห้า

312
00:15:58,440 --> 00:15:58,940
หก.

313
00:15:58,940 --> 00:16:02,490
ผมไม่ได้พิมพ์ข้อมูล
ภายในสถานที่อาร์เรย์เหล่านั้น

314
00:16:02,490 --> 00:16:05,180
เพราะผมใช้สำหรับในวง

315
00:16:05,180 --> 00:16:10,670
และภายในร่างกายของวงผม
เพียงแค่พิมพ์ออกที่สำคัญไม่ขัดข้องที่สำคัญ

316
00:16:10,670 --> 00:16:18,600
แต่ถ้าตอนนี้ผมล้างคอนโซลของฉันและฉัน
สลับไปสำหรับของการทดสอบและสี่ของการทดสอบ

317
00:16:18,600 --> 00:16:22,500
ผมบอกว่าผมใช้ของวง
แทนและพิมพ์ออกที่สำคัญ

318
00:16:22,500 --> 00:16:28,079
ถ้าฉันคลิกที่ตอนนี้ฉันได้รับ
องค์ประกอบที่เกิดขึ้นจริงภายในของวัตถุของฉัน

319
00:16:28,079 --> 00:16:29,120
หรืออาเรย์ของฉันในกรณีนี้

320
00:16:29,120 --> 00:16:31,760
อาเรย์ของฉันวันต่อสัปดาห์

321
00:16:31,760 --> 00:16:33,480
ผมพิมพ์ออกมาวันจันทร์
วันอังคารวันพุธ.

322
00:16:33,480 --> 00:16:36,930
นั่นคือความแตกต่างระหว่าง
สำหรับในวงซึ่งพิมพ์ออก

323
00:16:36,930 --> 00:16:43,410
เพียงกุญแจถ้าคุณเพียงแค่ใช้คีย์
ภายในของร่างกายของวงที่

324
00:16:43,410 --> 00:16:46,850
และสำหรับของวงซึ่งพิมพ์
ออกค่าถ้าคุณใช้เพียง

325
00:16:46,850 --> 00:16:48,870
ที่สำคัญภายในร่างกายของวง

326
00:16:48,870 --> 00:16:52,380
>> สิทธิทั้งหมดวิธีการที่เราทำตอนนี้เริ่มที่จะ
concatenate สตริงและอาจผสมขึ้น

327
00:16:52,380 --> 00:16:57,220
ตัวแปรบางคนที่มีการแก้ไข
เหมือนที่เรามีความสามารถที่จะทำใน PHP?

328
00:16:57,220 --> 00:16:59,410
ดีที่เราคุ้นเคยสวย
กับเรื่องนี้จาก PHP

329
00:16:59,410 --> 00:17:04,109
นี่คือวิธีการที่เราจะทำโดยใช้
ผู้ประกอบการที่จะจุดเชื่อมสตริง

330
00:17:04,109 --> 00:17:06,260
ใน JavaScript แม้ว่า
เราจริงใช้สิ่งที่

331
00:17:06,260 --> 00:17:09,290
เรียกว่าผู้ประกอบการบวกซึ่ง
คืออาจจะได้นิด ๆ หน่อย ๆ

332
00:17:09,290 --> 00:17:10,470
ที่ใช้งานง่ายใช่มั้ย?

333
00:17:10,470 --> 00:17:12,609
เรากำลังเพิ่มพวง
ของสตริงด้วยกัน

334
00:17:12,609 --> 00:17:14,520
ถ้าอย่างนั้นเรามุ่งหน้ากลับ
มากกว่าและเห็นสิ่งนี้

335
00:17:14,520 --> 00:17:18,693
จะพิมพ์ถ้าเรากำลังพยายามที่จะพิมพ์ออกมา
ข้อมูลทั้งหมดในอาร์เรย์สัปดาห์

336
00:17:18,693 --> 00:17:20,859
สิทธิทั้งหมดภายใต้นี่
ภายใต้สตริง,

337
00:17:20,859 --> 00:17:24,822
ฉันมีสองตัวเลือกอาคารสตริง
V1 และแล้วการสร้างสตริง V2

338
00:17:24,822 --> 00:17:26,530
และเราจะเห็นว่าทำไมเรา
ต้อง V2 ในครั้งที่สอง

339
00:17:26,530 --> 00:17:28,610
แต่ผมจะคลิกที่
อาคารสตริง V1 ซึ่ง

340
00:17:28,610 --> 00:17:30,360
เป็นรหัสที่เราเป็น
เพียงแค่การดูที่

341
00:17:30,360 --> 00:17:32,980
console.log ที่มีทั้งหมดของข้อดี

342
00:17:32,980 --> 00:17:35,910
ลองมาดูว่าพิมพ์นี้
สิ่งที่เราคาดหวัง

343
00:17:35,910 --> 00:17:39,939
>> วันจันทร์เป็นจำนวน 01 วันของสัปดาห์
อังคารเป็นจำนวน 11 วันของสัปดาห์

344
00:17:39,939 --> 00:17:41,730
ดีสิ่งที่ผมพยายาม
ที่จะทำมีการรับ

345
00:17:41,730 --> 00:17:46,280
มันจะพิมพ์ออกมาวันจันทร์เป็นจำนวนวัน
หนึ่งวันอังคารเป็นจำนวนวันที่สอง

346
00:17:46,280 --> 00:17:50,140
แต่มันดูเหมือนว่าฉัน
มักจะพิมพ์ออกหนึ่ง

347
00:17:50,140 --> 00:17:51,260
ดีทำไมเป็นอย่างนั้น?

348
00:17:51,260 --> 00:17:55,600
ดีก็จะเปิดออกมาดูอีก
นี้ตัวอย่างเล็ก ๆ น้อย ๆ ของรหัสที่นี่

349
00:17:55,600 --> 00:18:00,160
ขอให้สังเกตว่าเรากำลังใช้บวก
ผู้ประกอบการในสองบริบทที่แตกต่าง

350
00:18:00,160 --> 00:18:03,221
>> และดังนั้นนี่คือสิ่งที่อาจจะ
ที่เราได้รับชนิดของการพูด

351
00:18:03,221 --> 00:18:03,970
โอ้ก็จะดีดังนั้น

352
00:18:03,970 --> 00:18:05,910
เราไม่ได้จัดการกับชนิดข้อมูลอีกต่อไป

353
00:18:05,910 --> 00:18:08,220
แต่ที่นี่เป็นที่ที่ความเป็นจริง
ที่เราสูญเสียชนิดข้อมูล

354
00:18:08,220 --> 00:18:10,960
จริงสามารถเป็นบิต
ของปัญหาสำหรับเรา

355
00:18:10,960 --> 00:18:16,260
ตอนนี้ผู้ประกอบการรวมทั้งจะใช้ในการ
concatenate สตริงและเพิ่มจำนวน

356
00:18:16,260 --> 00:18:19,550
ร่วมกันมี JavaScript
ที่จะทำให้การคาดเดาที่ดีที่สุด

357
00:18:19,550 --> 00:18:22,030
เป็นสิ่งที่ฉันต้องการจะทำสำหรับฉัน

358
00:18:22,030 --> 00:18:23,900
และในกรณีนี้ก็เดาไม่ถูกต้อง

359
00:18:23,900 --> 00:18:29,340
มันตัดแบ่งเพียงวันซึ่งจะเป็น
0, หนึ่งสองสามสี่ห้าหรือหก

360
00:18:29,340 --> 00:18:32,060
และจากนั้นก็ตัดแบ่งเพียง
ว่าแล้วตัดแบ่งหนึ่ง

361
00:18:32,060 --> 00:18:35,020
มันไม่ได้จริงเพิ่มพวกเขาร่วมกัน

362
00:18:35,020 --> 00:18:37,320
และเพื่อให้ภาษาเหล่านี้
PHP และ JavaScript,

363
00:18:37,320 --> 00:18:39,196
บทคัดย่อที่อยู่ห่างออกไป
ความคิดประเภทนี้

364
00:18:39,196 --> 00:18:40,820
คุณไม่ต้องจัดการกับมันอีกต่อไป

365
00:18:40,820 --> 00:18:43,600
พวกเขายังคงมีรูปแบบภายใต้ประทุน

366
00:18:43,600 --> 00:18:46,780
และที่เราสามารถทำได้ในสถานการณ์
เช่นนี้ใช้ประโยชน์จากความจริงที่ว่า

367
00:18:46,780 --> 00:18:49,240
โดยกล่าวว่าบางสิ่งบางอย่าง
เช่นอาจนี้ซึ่ง

368
00:18:49,240 --> 00:18:53,210
จะบอก JavaScript โดย
วิธีการรักษานี้เป็นจำนวนเต็ม

369
00:18:53,210 --> 00:18:57,100
ไม่รักษามันเป็นสตริงแม้
แต่เรากำลังผสมเข้าด้วยกันสตริง

370
00:18:57,100 --> 00:18:58,940
และเลขที่นี่

371
00:18:58,940 --> 00:19:02,204
>> มันเป็นเพียงหนึ่งในสิ่งเหล่านั้น
ที่ดูเหมือนว่าดีดังนั้นในบริบท

372
00:19:02,204 --> 00:19:04,120
ที่เราจะได้ไม่ต้อง
จัดการกับอีกต่อไป

373
00:19:04,120 --> 00:19:05,828
แต่บางครั้งคุณจะ
วิ่งเข้ามาในสถานการณ์

374
00:19:05,828 --> 00:19:09,110
เหมือนกับที่นี้ความจริงที่ว่า
คุณไม่สามารถควบคุมชนิด

375
00:19:09,110 --> 00:19:11,220
สามารถ backfire กับคุณ
ถ้าคุณไม่ระวัง

376
00:19:11,220 --> 00:19:18,285
ดังนั้นถ้าเราปรากฏกลับไปยัง IDE ผม
จะล้างออกคอนโซลของฉันอีกครั้ง

377
00:19:18,285 --> 00:19:20,660
และฉันจะคลิกสตริง
รุ่นสองอาคารซึ่ง

378
00:19:20,660 --> 00:19:23,052
เป็นที่ที่ผมใช้ฟังก์ชั่นที่แยก int

379
00:19:23,052 --> 00:19:25,260
ตอนนี้ก็พิมพ์ออก
ข้อมูลที่ฉันคาดหวัง

380
00:19:25,260 --> 00:19:29,330
จำนวนวันวันจันทร์หนึ่งในวันอังคาร
เป็นจำนวนสองวันและอื่น ๆ

381
00:19:29,330 --> 00:19:31,170
>> ดังนั้นเรามาพูดคุยเกี่ยวกับฟังก์ชั่นอีกครั้ง

382
00:19:31,170 --> 00:19:34,790
ฉันสัญญาว่าเราจะพูดคุยเกี่ยวกับที่ไม่ระบุชื่อ
ฟังก์ชั่นและตอนนี้บริบทที่

383
00:19:34,790 --> 00:19:36,360
ก็มาถึง

384
00:19:36,360 --> 00:19:39,980
ดังนั้นก่อนที่เราจะทำเช่นนั้นเราจะมาพูดอีกครั้ง
เกี่ยวกับอาร์เรย์เพียงครั้งที่สอง

385
00:19:39,980 --> 00:19:42,120
ดังนั้นอาร์เรย์เป็นพิเศษ
กรณีของวัตถุ

386
00:19:42,120 --> 00:19:45,180
ในความเป็นจริงทุกอย่างใน
JavaScript เป็นจริงวัตถุ

387
00:19:45,180 --> 00:19:47,190
ดังนั้นฟังก์ชั่นเป็น
กรณีพิเศษของวัตถุ

388
00:19:47,190 --> 00:19:49,770
จำนวนเต็มเป็นพิเศษ
กรณีของวัตถุ

389
00:19:49,770 --> 00:19:52,152
แต่อาร์เรย์โดยเฉพาะ
มีจำนวนของวิธี

390
00:19:52,152 --> 00:19:55,110
โปรดจำไว้ว่าเพราะพวกเขากำลังวัตถุ
พวกเขาสามารถมีคุณสมบัติและวิธีการ

391
00:19:55,110 --> 00:19:58,600
พวกเขามีจำนวนของวิธีการที่
สามารถนำไปใช้วัตถุเหล่านั้น

392
00:19:58,600 --> 00:20:01,197
มีวิธีการที่เรียกว่าเป็น
ขนาด array.size,

393
00:20:01,197 --> 00:20:03,030
ซึ่งจะกลับไป
คุณเป็นคุณอาจคาดหวัง

394
00:20:03,030 --> 00:20:05,120
จำนวนขององค์ประกอบในอาร์เรย์ของคุณ

395
00:20:05,120 --> 00:20:08,480
array.pop ประเภทเช่น
ความคิดของเราในการ popping ออก

396
00:20:08,480 --> 00:20:11,110
ของสแต็คถ้าคุณจำได้
จากวิดีโอสแต็คของเรา

397
00:20:11,110 --> 00:20:13,810
เอาองค์ประกอบสุดท้ายจากอาร์เรย์

398
00:20:13,810 --> 00:20:17,110
array.push เพิ่มองค์ประกอบใหม่
ไปยังจุดสิ้นสุดของอาร์เรย์

399
00:20:17,110 --> 00:20:20,910
array.shift เป็นประเภทของ
เช่น DQ ก็ splices ออก

400
00:20:20,910 --> 00:20:23,610
องค์ประกอบแรกของอาร์เรย์

401
00:20:23,610 --> 00:20:27,549
>> แต่ยังมีอีกพิเศษ
วิธีการที่เรียกว่าอาเรย์แมป

402
00:20:27,549 --> 00:20:29,340
และนี่คือการจัดเรียงของ
แนวคิดที่น่าสนใจ

403
00:20:29,340 --> 00:20:30,930
ดังนั้นสิ่งที่เป็นความคิดของแผนที่หรือไม่

404
00:20:30,930 --> 00:20:33,880
จริงๆคุณจะเห็นนี้
ในภาษาอื่น ๆ อีกหลาย

405
00:20:33,880 --> 00:20:38,550
และเราไม่ได้พูดคุยเกี่ยวกับ
การเรียงลำดับของ cartographers แผนที่ที่นี่

406
00:20:38,550 --> 00:20:41,480
เรากำลังพูดถึงฟังก์ชั่นการทำแผนที่

407
00:20:41,480 --> 00:20:44,110
ในบริบทที่เรากำลัง
พูดคุยเกี่ยวกับที่นี่แผนที่

408
00:20:44,110 --> 00:20:47,950
เป็นที่เราดำเนินการเป็นพิเศษ
สามารถดำเนินการในอาร์เรย์

409
00:20:47,950 --> 00:20:51,630
ที่จะใช้ฟังก์ชั่นโดยเฉพาะอย่างยิ่ง
องค์ประกอบของอาร์เรย์ว่าทุก

410
00:20:51,630 --> 00:20:55,190
และเพื่อให้เราจะพูดใน
กรณีนี้อาจจะ array.map,

411
00:20:55,190 --> 00:21:00,330
และภายในของมันเรากำลังผ่าน
ลงในแผนที่เป็นฟังก์ชันที่เราต้องการ

412
00:21:00,330 --> 00:21:02,430
ที่จะนำไปใช้กับทุกองค์ประกอบเดียว

413
00:21:02,430 --> 00:21:07,299
ดังนั้นจึงเป็นที่จัดเรียงของที่คล้ายคลึงกับการใช้
ห่วงย้ำกว่าทุกองค์ประกอบ

414
00:21:07,299 --> 00:21:09,340
และนำไปใช้โดยเฉพาะอย่างยิ่ง
การทำงานเพื่อทุกธาตุ

415
00:21:09,340 --> 00:21:14,830
เพียง JavaScript ได้สร้างขึ้นในปีนี้
ความคิดของการทำแผนที่ที่สามารถนำมาประยุกต์ใช้

416
00:21:14,830 --> 00:21:19,700
และนี่คือบริบทที่ดีในการ
พูดคุยเกี่ยวกับฟังก์ชั่นที่ไม่ระบุชื่อ

417
00:21:19,700 --> 00:21:22,370
>> ดังนั้นสมมติว่าเรามี
อาร์เรย์ของจำนวนเต็มนี้

418
00:21:22,370 --> 00:21:25,370
มันเรียกว่า nums และก็มีห้า
สิ่งที่อยู่ในนั้นหนึ่งสองสามสี่

419
00:21:25,370 --> 00:21:26,410
ห้า.

420
00:21:26,410 --> 00:21:30,620
ตอนนี้ผมต้องการที่จะแมบาง
ฟังก์ชั่นให้กับอาร์เรย์นี้

421
00:21:30,620 --> 00:21:34,337
ฉันต้องการจะมีฟังก์ชั่นใช้
องค์ประกอบของอาร์เรย์ทุก

422
00:21:34,337 --> 00:21:37,420
ดีขอบอกว่าสิ่งที่ฉันต้องการ
ทำคือเพียงแค่สองเท่าทุกองค์ประกอบ

423
00:21:37,420 --> 00:21:42,520
สิ่งที่ผมจะทำคือเพียงแค่ใช้ห่วง
สำหรับ var ฉันเท่ากับ 0, ฉันมีค่าน้อยกว่า

424
00:21:42,520 --> 00:21:47,390
หรือเท่ากับ 4 ผมบวกบวกและ
แล้วสองเท่าทุกหมายเลขเดียว

425
00:21:47,390 --> 00:21:49,580
แต่ผมยังสามารถทำอะไรเช่นนี้

426
00:21:49,580 --> 00:21:53,420
ผมสามารถพูดได้ nums เคยเป็น
หนึ่งสองสามสี่ห้า,

427
00:21:53,420 --> 00:21:58,310
แต่ในเวลานี้ผมอยากจะให้คุณ
ใช้ทำแผนที่บนอาร์เรย์นี้

428
00:21:58,310 --> 00:22:00,400
ที่ฉันต้องการคุณ
เพื่อเพิ่มจำนวนทุก

429
00:22:00,400 --> 00:22:02,540
และที่ว่า
สิ่งที่เกิดขึ้นที่นี่

430
00:22:02,540 --> 00:22:06,870
แต่สังเกตเห็นสิ่งที่ฉันผ่าน
ในการเป็นอาร์กิวเมนต์แผนที่

431
00:22:06,870 --> 00:22:09,080
นี้เป็นฟังก์ชั่นที่ไม่ระบุชื่อ

432
00:22:09,080 --> 00:22:11,140
และแจ้งให้ทราบผมยังไม่ได้รับ
ฟังก์ชั่นนี้ชื่อ

433
00:22:11,140 --> 00:22:13,290
ฉันได้รับเพียง แต่รายการพารามิเตอร์

434
00:22:13,290 --> 00:22:16,370
และเพื่อให้เป็นตัวอย่าง
ของระบุชื่อฟังก์ชัน

435
00:22:16,370 --> 00:22:21,270
>> โดยทั่วไปเราจะไม่เรียกสิ่งนี้
นอกการทำงานของบริบทของแผนที่

436
00:22:21,270 --> 00:22:24,110
เรากำหนดมันเป็นพารามิเตอร์
เพื่อทำแผนที่และอื่น ๆ ที่เราทำไม่ได้จริงๆ

437
00:22:24,110 --> 00:22:27,910
จะต้องมีชื่อของมันถ้า
สิ่งเดียวที่ใส่ใจเกี่ยวกับแผนที่

438
00:22:27,910 --> 00:22:30,339
และจะกำหนดสิทธิ
มีภายในของแผนที่

439
00:22:30,339 --> 00:22:31,880
และเพื่อให้เป็นที่ไม่ระบุชื่อฟังก์ชั่น

440
00:22:31,880 --> 00:22:34,680
เรายังไม่ได้รับสามารถ
การทำเช่นนี้มาก่อนหน้านี้

441
00:22:34,680 --> 00:22:38,400
แผนที่ฟังก์ชั่นบางอย่างที่
ยอมรับหนึ่งพารามิเตอร์, หนุ่ม,

442
00:22:38,400 --> 00:22:41,890
และสิ่งที่ฟังก์ชั่นที่ไม่
เป็น NUM ผลตอบแทนครั้งที่ 2

443
00:22:41,890 --> 00:22:45,330
และหลังจากนี้
การทำแผนที่ที่ได้รับนำไปใช้

444
00:22:45,330 --> 00:22:50,090
ตอนนี้สิ่งที่ nums ลักษณ์
เหมือนสองสี่หกแปด 10

445
00:22:50,090 --> 00:22:52,090
และเราจะปรากฏไปของฉัน
หน้าต่างเบราว์เซอร์และเพียงแค่

446
00:22:52,090 --> 00:22:55,240
ดูที่นี้
ได้อย่างรวดเร็วจริงๆเช่นกัน

447
00:22:55,240 --> 00:22:58,000
>> ดังนั้นผมจึงมีปุ่มอื่นที่นี่
ในหน้าแรกของฉันเรียกว่าคู่

448
00:22:58,000 --> 00:23:03,570
และเมื่อฉันคลิกสองครั้งและจะบอก
ฉันก่อนมันเป็นหนึ่งสองสามสี่

449
00:23:03,570 --> 00:23:07,250
หลังจากที่สองห้าสี่หกแปด 10

450
00:23:07,250 --> 00:23:11,930
และถ้าผมกลับไปและคลิกสองครั้ง
อีกสองสี่หกแปด 10

451
00:23:11,930 --> 00:23:17,400
และแล้วหลังจากที่สี่
แปด, 12, 16 และ 20

452
00:23:17,400 --> 00:23:20,440
และสิ่งที่ผมทำในฟังก์ชั่นนี้หรือไม่?

453
00:23:20,440 --> 00:23:25,210
ดีถ้าเราเพียงแค่ pop ไป IDE และ
ผมดึงฟังก์ชั่นที่ไม่ระบุชื่อของฉันที่นี่

454
00:23:25,210 --> 00:23:28,780
ในบรรทัดที่เจ็ดถึง 13 ผม
ทำนิด ๆ หน่อย ๆ ทำงานแฟนซีที่นี่

455
00:23:28,780 --> 00:23:32,240
แต่ฉันแค่พิมพ์ออก
สิ่งที่อยู่ในปัจจุบันในอาร์เรย์

456
00:23:32,240 --> 00:23:36,580
จากนั้นในสาย 16, 17,
และ 18 มีแผนที่ของฉัน

457
00:23:36,580 --> 00:23:40,930
ซึ่งเป็นที่ที่ฉันใช้เพิ่มขึ้นนี้
ฟังก์ชั่นทุกองค์ประกอบเดียว

458
00:23:40,930 --> 00:23:43,530
และแล้วเพียงเล็กน้อยต่อไปลง
ฉันแค่ทำในสิ่งเดียวกัน

459
00:23:43,530 --> 00:23:46,640
ผมทำมาก่อนยกเว้นตอนนี้ฉัน
พิมพ์ออกเนื้อหาของอาร์เรย์

460
00:23:46,640 --> 00:23:48,167
ภายหลัง

461
00:23:48,167 --> 00:23:50,500
แต่ทั้งหมดที่ผมเคยทำที่นี่คือ
เพียงแค่ใช้ที่ไม่ระบุชื่อฟังก์ชั่น

462
00:23:50,500 --> 00:23:53,640
เพื่อแมข้ามอาร์เรย์ทั้งหมด

463
00:23:53,640 --> 00:23:58,466
>> ดังนั้นอีกหนึ่งหัวข้อใหญ่ที่จะพูดคุยเกี่ยวกับใน
JavaScript เป็นความคิดของเหตุการณ์

464
00:23:58,466 --> 00:24:01,590
เหตุการณ์เป็นสิ่งที่เพิ่งเกิดขึ้น
เมื่อผู้ใช้โต้ตอบกับเว็บของคุณ

465
00:24:01,590 --> 00:24:04,715
หน้าดังนั้นบางทีพวกเขาคลิกที่บางสิ่งบางอย่าง
หรืออาจจะหน้าจะเสร็จสิ้นการโหลด

466
00:24:04,715 --> 00:24:07,200
หรือพวกเขาอาจได้ย้าย
เมาส์ของพวกเขามากกว่าบางสิ่งบางอย่าง

467
00:24:07,200 --> 00:24:09,290
หรือพวกเขาได้พิมพ์บางสิ่งบางอย่าง
ในด้านการป้อนข้อมูล

468
00:24:09,290 --> 00:24:14,260
ทุกสิ่งเหล่านี้เป็นเหตุการณ์ที่เกิดขึ้น
ที่เกิดขึ้นบนหน้าเว็บของเรา

469
00:24:14,260 --> 00:24:17,460
และ JavaScript มี
ความสามารถในการสนับสนุนการบางสิ่งบางอย่าง

470
00:24:17,460 --> 00:24:21,760
เรียกว่าตัวจัดการเหตุการณ์ซึ่ง
เป็นฟังก์ชันการเรียกกลับที่

471
00:24:21,760 --> 00:24:23,329
ตอบสนองต่อเหตุการณ์ HTML มี

472
00:24:23,329 --> 00:24:24,620
และสิ่งที่เป็นฟังก์ชั่นการเรียกกลับ?

473
00:24:24,620 --> 00:24:27,328
ดีก็โดยทั่วไปเพียงหนึ่ง
สำหรับชื่อที่ไม่ระบุชื่อฟังก์ชั่น

474
00:24:27,328 --> 00:24:30,170
เป็นหน้าที่ที่
ตอบสนองต่อเหตุการณ์

475
00:24:30,170 --> 00:24:34,130
และนี่คือที่เรามาถึง
ความคิดในการทำงานบางอย่างที่มีผลผูกพัน

476
00:24:34,130 --> 00:24:38,060
เพื่อคุณลักษณะ html ที่โดยเฉพาะอย่างยิ่ง

477
00:24:38,060 --> 00:24:41,420
ส่วนใหญ่มีองค์ประกอบ HTML
การสนับสนุนสำหรับแอตทริบิวต์

478
00:24:41,420 --> 00:24:45,170
ที่เราไม่ได้พูดคุยเกี่ยวกับใน html
วิดีโอสำหรับสิ่งที่ต้องการในการคลิก

479
00:24:45,170 --> 00:24:50,540
หรือเลื่อนหรือโหลด
ทั้งหมดของเหตุการณ์เหล่านี้

480
00:24:50,540 --> 00:24:53,120
ที่คุณสามารถเขียนฟังก์ชั่น
จัดการกับเหตุการณ์เหล่านั้น

481
00:24:53,120 --> 00:24:56,090
เมื่อเหตุการณ์เหล่านั้น
เกิดขึ้นในหน้าเว็บของคุณ

482
00:24:56,090 --> 00:24:59,170
>> และดังนั้นบางที html ของคุณ
มีลักษณะบางอย่างเช่นนี้

483
00:24:59,170 --> 00:25:02,240
และฉันมีสองปุ่มที่นี่
ปุ่มเดียวและปุ่มสอง

484
00:25:02,240 --> 00:25:04,620
และที่นี่ฉันได้ในขณะนี้
กำหนดอะไร

485
00:25:04,620 --> 00:25:11,170
แต่นี่คือที่แอตทริบิวต์บน
คลิกที่เห็นได้ชัดคือส่วนหนึ่งของแท็กของฉัน

486
00:25:11,170 --> 00:25:15,220
ดังนั้นเห็นได้ชัดว่าเมื่อฉันกำหนดสิ่งที่เป็น
ที่เกิดขึ้นภายในของแอตทริบิวต์ที่

487
00:25:15,220 --> 00:25:18,590
มันจะมีบาง JavaScript
ฟังก์ชั่นที่ตอบสนองต่อเหตุการณ์ที่เกิดขึ้น

488
00:25:18,590 --> 00:25:24,360
สันนิษฐานของการคลิกที่
ปุ่มหนึ่งหรือสองปุ่ม

489
00:25:24,360 --> 00:25:28,580
>> สิ่งที่ชนิดของเย็นเกี่ยวกับเรื่องนี้ก็คือเรา
สามารถเขียนตัวจัดการเหตุการณ์ทั่วไป

490
00:25:28,580 --> 00:25:32,370
และจัดการกับเหตุการณ์นี้จะ
สร้างวัตถุเหตุการณ์

491
00:25:32,370 --> 00:25:37,000
และวัตถุเหตุการณ์จะบอกเรา
ที่ของทั้งสองปุ่มถูกคลิก

492
00:25:37,000 --> 00:25:38,064
ตอนนี้วิธีการทำงานที่?

493
00:25:38,064 --> 00:25:39,730
ดีก็อาจมีลักษณะบางอย่างเช่นนี้

494
00:25:39,730 --> 00:25:44,860
ดังนั้นครั้งแรกที่เราจะกำหนดปุ่มของเรา
ที่จะมีการตอบสนองต่อการเรียกกลับที่

495
00:25:44,860 --> 00:25:47,470
ฟังก์ชั่นที่จะถูกเรียกว่า
เมื่อมีการคลิกปุ่ม,

496
00:25:47,470 --> 00:25:49,520
เราจะเรียกชื่อเหตุการณ์การแจ้งเตือน

497
00:25:49,520 --> 00:25:53,320
และแจ้งให้ทราบในทั้งสองกรณีเรา
ผ่านในพารามิเตอร์เหตุการณ์นี้

498
00:25:53,320 --> 00:25:55,460
ดังนั้นเราจึงเรียกใช้ฟังก์ชันนี้
หรือเมื่อฟังก์ชั่นนี้

499
00:25:55,460 --> 00:26:00,330
ถูกเรียกโดยเหตุการณ์ที่เกิดขึ้นที่
มันจะสร้างวัตถุเหตุการณ์นี้

500
00:26:00,330 --> 00:26:03,300
และผ่านมันเป็น
พารามิเตอร์เพื่อแจ้งเตือนชื่อ

501
00:26:03,300 --> 00:26:07,270
และวัตถุเหตุการณ์ที่
จะมีข้อมูล

502
00:26:07,270 --> 00:26:09,800
เกี่ยวกับการที่มีการคลิกปุ่ม

503
00:26:09,800 --> 00:26:11,580
และวิธีการที่จะไม่ทำเช่นนั้น?

504
00:26:11,580 --> 00:26:13,654
ดีก็อาจมีลักษณะบางอย่างเช่นนี้

505
00:26:13,654 --> 00:26:15,570
ดังนั้นในตอนนี้แยกต่างหากของฉัน
ไฟล์ JavaScript, ฉันอาจ

506
00:26:15,570 --> 00:26:17,420
ต้องไปหานี้
ฟังก์ชั่นชื่อการแจ้งเตือนที่

507
00:26:17,420 --> 00:26:19,500
อีกครั้งยอมรับพารามิเตอร์เหตุการณ์ที่

508
00:26:19,500 --> 00:26:24,640
และแล้วที่นี่เป็นที่ที่ผมตรวจสอบ
ซึ่งปุ่มถูกเรียก

509
00:26:24,640 --> 00:26:28,100
ทริกเกอร์ var เท่ากับเหตุการณ์
จุดองค์ประกอบแหล่งที่มา

510
00:26:28,100 --> 00:26:33,150
สิ่งที่เป็นแหล่งที่สร้าง
วัตถุเหตุการณ์นี้ที่ถูกส่งผ่านมีอะไรบ้าง?

511
00:26:33,150 --> 00:26:36,390
มันเป็นปุ่มเดียวหรือมันเป็นปุ่มสอง?

512
00:26:36,390 --> 00:26:40,710
>> และแล้วที่นี่ทั้งหมดที่ฉันทำอยู่
พิมพ์ออก trigger.innerhtml

513
00:26:40,710 --> 00:26:43,860
ดีในกรณีนี้ในการนี​​้
บริบท trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
เป็นเพียงสิ่งที่เขียนบนปุ่ม

515
00:26:45,940 --> 00:26:48,830
มันเกิดขึ้นเพียงเพื่อกระโดดถ้าเรา
กลับมาเป็นครั้งที่สองที่จะ

516
00:26:48,830 --> 00:26:51,670
เป็นสิ่งที่อยู่ในระหว่างแท็กปุ่มเหล่านั้น

517
00:26:51,670 --> 00:26:54,150
มันจะเป็นปุ่มเดียวหรือสองปุ่ม

518
00:26:54,150 --> 00:26:57,320
และให้ดูที่
วิธีการจัดการเหตุการณ์นี้จะ

519
00:26:57,320 --> 00:27:01,080
ดูถ้าเราได้มันทำงานในทางปฏิบัติ

520
00:27:01,080 --> 00:27:03,850
>> ดังนั้นก่อนอื่นคุณได้
เปิด events.js,

521
00:27:03,850 --> 00:27:06,517
ซึ่งเป็นไฟล์จาวาสคริปต์ที่
ผมได้กำหนดฟังก์ชั่นนี้

522
00:27:06,517 --> 00:27:08,558
และในขณะที่คุณสามารถเห็นมัน
สวยมากว่าสิ่งที่

523
00:27:08,558 --> 00:27:10,230
เราก็เห็นในสไลด์ที่สองที่ผ่านมา

524
00:27:10,230 --> 00:27:14,890
และผมจะไปไปที่
หน้าบ้านของเราได้รับใช้

525
00:27:14,890 --> 00:27:17,660
และฉันมีปุ่มที่นี่
ปุ่มเดียวและสอง

526
00:27:17,660 --> 00:27:19,820
และฉันจะคลิกที่ปุ่มหนึ่ง

527
00:27:19,820 --> 00:27:23,930
คุณคลิกที่ปุ่มเดียวถ้าคุณ
สามารถดูได้ที่นี่ในการแจ้งเตือน

528
00:27:23,930 --> 00:27:25,810
ตกลง.

529
00:27:25,810 --> 00:27:28,980
คลิกที่ปุ่มสองคุณ
คลิกที่ปุ่มสอง

530
00:27:28,980 --> 00:27:32,150
>> ดังนั้นปุ่มทั้งสองมี
สายงานเดียวกันใช่มั้ย?

531
00:27:32,150 --> 00:27:35,840
พวกเขาทั้งสองเป็นชื่อการแจ้งเตือน
เหตุการณ์ แต่วัตถุเหตุการณ์นี้

532
00:27:35,840 --> 00:27:41,900
ที่ได้รับการสร้างขึ้นเมื่อเราคลิกที่
มันจะบอกเราว่ามีการคลิกปุ่ม

533
00:27:41,900 --> 00:27:44,650
เราไม่ได้มีการเขียนสองแยก
ฟังก์ชั่นหรือข้อตกลงกับการมี

534
00:27:44,650 --> 00:27:46,470
เพื่อส่งผ่านข้อมูลเพิ่มเติมใด ๆ

535
00:27:46,470 --> 00:27:48,220
เราเพียงแค่อาศัย
สิ่งที่จะ JavaScript

536
00:27:48,220 --> 00:27:53,772
ทำเพื่อเราซึ่งก็คือการสร้างความ
การเรียงลำดับของวัตถุเหตุการณ์ในนามของเรา

537
00:27:53,772 --> 00:27:56,730
มีจำนวนมากขึ้นที่จะเป็น JavaScript กว่า
สิ่งที่เราได้กล่าวถึงในวิดีโอนี้

538
00:27:56,730 --> 00:27:58,521
แต่มีสิ่งเหล่านี้
พื้นฐานที่คุณควรจะได้รับ

539
00:27:58,521 --> 00:28:00,690
ค่อนข้างเป็นทางยาวไป
เรียนรู้ทุกสิ่งที่คุณจะได้

540
00:28:00,690 --> 00:28:04,030
จำเป็นต้องรู้เกี่ยวกับเรื่องนี้
ภาษาที่น่าสนใจ

541
00:28:04,030 --> 00:28:05,000
ฉันลอยด์ดั๊ก

542
00:28:05,000 --> 00:28:07,010
นี่คือ CS50

543
00:28:07,010 --> 00:28:09,181