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
>> Дъг 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
защото това е разлика от C и
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 точка 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
>> Другото нещо, което прави
JavaScript различно,

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
РНР, че подчерта уебсайт.

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
Вашият JavaScript работи на вашия компютър.

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
може просто да спре
JavaScript за движение изцяло.

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
можете да го префикс с Var ключова дума.

86
00:04:05,070 --> 00:04:07,750
В PHP ние ще направим нещо
като този, знака за долар х.

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
Бихме казали нещо подобно
знак за долар х е равно на 44 в PHP.

90
00:04:15,124 --> 00:04:17,040
Ако правехме на
едно и също нещо в JavaScript,

91
00:04:17,040 --> 00:04:19,589
бихме казали Var х е равно на 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
>> Така че аз съм отишъл напред и
отвори ми CS50 IDE

119
00:05:40,610 --> 00:05:43,690
и аз вече тече Apache
да започне моя сървър работи.

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
Така че отново, това е бутона, който I
са обвързани с това име функция.

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
тук в контекста на JavaScript.

183
00:08:55,670 --> 00:08:59,100
Сега JavaScript има способността да
се държат като обект ориентирано програмиране

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
може да бъде голямо предизвикателство да научите
JavaScript като първа програмиране

188
00:09:10,610 --> 00:09:13,890
език, тъй като не
Наистина се поберат конкретен парадигма.

189
00:09:13,890 --> 00:09:16,430
>> С от друга страна е
функционален език за програмиране.

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 или структура на
че сме научили за преди.

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
от тип структура на колата Хърби.

207
00:10:10,080 --> 00:10:13,730
И след това мога да кажа нещо
като herbie.year равнява 1963,

208
00:10:13,730 --> 00:10:15,850
и herbie.model равнява Beetle.

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
са много сходни с имоти са
от основно значение за джава обекти.

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
точно като не можем да кажем година или модел
независимо от Struct в В.

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
И така, ние ще започнем да видите някои от
това в контекста на JavaScript.

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
Хърби нарича с две
свойства вътре в него.

256
00:12:50,950 --> 00:12:57,310
Година, която се дава стойността 1963 г.,
и модел, на което е назначена низа

257
00:12:57,310 --> 00:12:58,140
Beetle.

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-- Няма да
ви покажа кода за него точно сега,

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
И вътре в тялото на цикъла, I
просто отпечатва ключ не възрази ключ.

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
My масив от делнични дни.

321
00:16:31,760 --> 00:16:33,480
I разпечатан понеделник
Вторник, сряда.

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
>> Добре, как можем сега да започне да се
свързвам струни и може би бъркам

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
Сега, когато операторът на плюс се използва за
свързвам струни и добавяне на номера

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
може да се обърне срещу вас
ако не сте внимателни.

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
е мястото, където да използвам, че синтактична инт функция.

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, нещо като
нашата представа за пръкват разстояние

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, тя снадки от

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
и ние не говорим за по-
сортиране на картографите карта тук,

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 I е равно на 0, I е по-малко от

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
където I бихте искали
да се удвои всеки номер.

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 външен вид
харесват, две, четири, шест, осем, десет.

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
пет, след две, четири, шест, осем, десет.

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
Е, ако ние просто поп към IDE, и
I спра моята анонимна функция, тук

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
но това е мястото, където атрибутът на
клик е очевидно част от моя HTML тагове.

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
И това събитие ще Handler
създадете обект събитие.

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
който е файл, където JavaScript
Аз определено тази функция.

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