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
>> Даг Ллоид: Па до сада смо стари
професионалци у веб програмирање, зар не?

4
00:00:08,690 --> 00:00:12,140
И ми смо покривени неколико
језици у појединим видео.

5
00:00:12,140 --> 00:00:14,690
А сада хајде да урадимо још један, ЈаваСцрипт.

6
00:00:14,690 --> 00:00:17,370
>> Прво добре вести, ЈаваСкрипт
је модеран програмирање

7
00:00:17,370 --> 00:00:21,410
Језик слично ПХП чије
Синтакса је изведен из Ц,

8
00:00:21,410 --> 00:00:22,830
тако да је добро место за почетак.

9
00:00:22,830 --> 00:00:25,880
Ради се о стара колико и ПХП, као и,
пошто је око 20 година.

10
00:00:25,880 --> 00:00:28,600
То је измислио око
У исто време када ПХП.

11
00:00:28,600 --> 00:00:32,240
И ЈаваСкрипт је у ствари прилично
од фундаменталног значаја за кориснички доживљај

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
са сајта, ХТМЛ,
ЦСС и ЈаваСцрипт.

16
00:00:42,650 --> 00:00:46,030
И сада идемо причати
мало о ЈаваСцрипт.

17
00:00:46,030 --> 00:00:50,301
>> Лоша вест, мада, уз ЈаваСцрипт ис
да поставља много правила за себе,

18
00:00:50,301 --> 00:00:51,300
и онда их ломи.

19
00:00:51,300 --> 00:00:54,010
И ЈаваСкрипт да заправо бити
врста изазов да уче,

20
00:00:54,010 --> 00:00:57,000
јер је за разлику од Ц и
ПХП који су веома структурирани

21
00:00:57,000 --> 00:01:00,270
и имају веома строга правила
колико ствари могу радити.

22
00:01:00,270 --> 00:01:03,690
ЈаваСцрипт има врста
од стечен тако флексибилан

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
као ЈаваСцрипт.

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
па можемо да почнемо да Фораи
у ЈаваСцрипт мало.

30
00:01:21,470 --> 00:01:25,750
>> Да бисте написали ЈаваСцрипт, сличан отварању
до царским датотеку са тачком Ц продужење

31
00:01:25,750 --> 00:01:29,770
или ПХП фајл са тачком ПХП екстензија,
све што треба да урадите је да отвори датотеку

32
00:01:29,770 --> 00:01:31,764
са екстензијом датотеке тачку јс.

33
00:01:31,764 --> 00:01:34,430
Не треба да има неки посебан
граничници Као што смо урадили у ПХП-у.

34
00:01:34,430 --> 00:01:36,750
Таква врста угла
носач знак питања тект

35
00:01:36,750 --> 00:01:40,300
да смо навикли да од тога, начин
кажемо наше бровсер који имамо је оно што

36
00:01:40,300 --> 00:01:43,502
ЈаваСцрипт ис укључујући
је у ХТМЛ таг,

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
Дакле, сећам се да је са ПХП
нисмо могли заиста видјети

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
погледајте хтмл који је
генерише том ПХП.

44
00:02:02,830 --> 00:02:04,900
Али ЈаваСкрипт да ради страни клијента.

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
Jel tako?

48
00:02:09,550 --> 00:02:12,704
Оглас блокирање се обично врши
убија сву ЈаваСцрипт

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
То такође значи да када користите
сајт који садржи ЈаваСцрипт,

53
00:02:27,030 --> 00:02:32,450
морате да пошаљете ЈаваСцрипт извор
Код као део вашег одговора хттп

54
00:02:32,450 --> 00:02:34,159
клијенту када су га затраже.

55
00:02:34,159 --> 00:02:35,950
И тако можда и не
желе да користе ЈаваСцрипт

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
ће да прими све од изворног кода,
не само ХТМЛ који се генерише,

59
00:02:45,610 --> 00:02:49,030
као што би био случај са рецимо ПХП.

60
00:02:49,030 --> 00:02:51,620
>> Па како да се укључе ЈаваСцрипт
у нашој хтмл за почетак?

61
00:02:51,620 --> 00:02:54,520
Па, слично ЦСС, заправо,
је врста како ми то радимо овде.

62
00:02:54,520 --> 00:02:56,190
Са ЦСС имамо стила ознаке.

63
00:02:56,190 --> 00:03:00,760
И унутар тих ознака стила,
можемо дефинисати ЦСС стиле схеет.

64
00:03:00,760 --> 00:03:03,450
Слично је и са ЈаваСцрипт
можемо отворити скрипт ознаке,

65
00:03:03,450 --> 00:03:06,660
још један ХТМЛ таг нисмо
говоримо о у нашој хтмл видео,

66
00:03:06,660 --> 00:03:09,720
и пишу ЈаваСцрипт у
између тих сцрипт тагова.

67
00:03:09,720 --> 00:03:13,960
Такође, иако, као што су ЦСС, ми
могла повезати у ЦСС фајловима изван

68
00:03:13,960 --> 00:03:15,900
и повуците их у нашем програму који начин.

69
00:03:15,900 --> 00:03:18,280
Са ЦСС Такође можемо,
извините, са ЈаваСцрипт

70
00:03:18,280 --> 00:03:23,240
можемо навести извор
атрибут скрипте таг

71
00:03:23,240 --> 00:03:25,720
да повежу у ЈаваСцрипт
одвојено, тако да не

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
И баш као иу случају са ЦСС где
препоручујемо да је вероватно био

75
00:03:33,230 --> 00:03:36,090
у вашем најбољем интересу да напише
ваш ЦСС у посебном фајлу у случају

76
00:03:36,090 --> 00:03:38,500
морате да га промените,
слично уради препоручујемо

77
00:03:38,500 --> 00:03:40,720
да ћете писати
ЈаваСцрипт у одвојеним датотекама

78
00:03:40,720 --> 00:03:45,460
и користите сцрипт тагс извор
приписују везати ЈаваСцрипт

79
00:03:45,460 --> 00:03:49,520
у ХТМЛ-у, својој веб страници.

80
00:03:49,520 --> 00:03:52,610
>> Тако ЈаваСцрипт варијабле, ми ћемо
почнеш да причаш о синтакси овде.

81
00:03:52,610 --> 00:03:53,600
И ми ћемо проћи кроз
ова врста брзо,

82
00:03:53,600 --> 00:03:56,640
јер смо урадили у ПХП-у, тако
ово би сви требали бити прилично познато.

83
00:03:56,640 --> 00:03:59,490
Дакле, променљиве у ЈаваСцрипт је
веома сличан ПХП променљиве.

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
У ПХП ћемо урадити нешто
овако, знак долара х.

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 у ПХП.

90
00:04:15,124 --> 00:04:17,040
Ако смо све од
Иста ствар у ЈаваСцрипт,

91
00:04:17,040 --> 00:04:19,589
рекли бисмо вар к једнако 44.

92
00:04:19,589 --> 00:04:22,780
Дакле, вар врста нашем путу
увођења променљиву.

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
са било којим типом података, жице,
све друго би сви били вар.

96
00:04:34,490 --> 00:04:37,260
Кондиционали, сви наши
стари пријатељи из Ц и ПХП

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
Свитцх преосталих флексибилно као тим
био у ПХП-у, али све ово си ти

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
Дакле, већ знамо доста од
Основна ЈаваСкрипт врста основе

104
00:04:55,880 --> 00:05:01,800
само по основу што доста
знања сада о Ц и ПХП.

105
00:05:01,800 --> 00:05:03,670
>> Шта је функција у ЈаваСцрипт?

106
00:05:03,670 --> 00:05:08,199
Па, слично ПХП свака функција је
упознају са функције кључне речи.

107
00:05:08,199 --> 00:05:10,740
Кажете функцију, а онда вас
почињу да дефинишете своју функцију.

108
00:05:10,740 --> 00:05:12,531
Шта је мало другачије
о ЈаваСцрипт,

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
Али хајде да погледамо
у ком једноставне ЈаваСцрипт

117
00:05:35,710 --> 00:05:37,850
Функција може да изгледа.

118
00:05:37,850 --> 00:05:40,610
>> Тако да сам отишао напред и
је отворио ЦС50 ИДЕ

119
00:05:40,610 --> 00:05:43,690
и ја већ покренути Апацхе
да почнем сервер покренут.

120
00:05:43,690 --> 00:05:46,800
И ја имам ову слику
отварају се зове хоме.хтмл.

121
00:05:46,800 --> 00:05:48,330
А ја ћу зоом ин мало овде.

122
00:05:48,330 --> 00:05:52,090
У суштини, можете видети
Хоме.хтмл је само гомила тастера.

123
00:05:52,090 --> 00:05:55,291
И тврдим на врху овде
да је ово ЈаваСкрипт секција

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
>> Па, ми ћемо кренути у моју ИЕД,
и ја сам хоме.хтмл овде отварати.

127
00:06:03,662 --> 00:06:05,620
На самом почетку,
ево где сам повезивању

128
00:06:05,620 --> 00:06:07,500
у свим мојим ЈаваСцрипт изворне фајлове.

129
00:06:07,500 --> 00:06:08,000
Jel tako?

130
00:06:08,000 --> 00:06:12,440
Дакле, имам анонимоус.јс, цлоцк.јс,
Ја користим изворни атрибут

131
00:06:12,440 --> 00:06:14,440
скрипте таг да се повежу у датотеци.

132
00:06:14,440 --> 00:06:18,660
Тако да нисам написао неки
Јавасцрипт директно у овом фајлу,

133
00:06:18,660 --> 00:06:21,790
али сам извукао на све
Јавасцрипт сам написао одвојено.

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
А ово је како можемо некако помешате
мало ЈаваСцрипт и ХТМЛ.

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
су на тој страници хоме.хтмл,
које ћемо враћати

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
ат цлоцк.јс, што је
Јавасцрипт фајл који сам

147
00:07:03,850 --> 00:07:07,370
је написао да је овај први функцију
ћемо да погледамо.

148
00:07:07,370 --> 00:07:11,630
Као што можете видети, што почнем ЈаваСцрипт
функционишу са функцијом кључних речи,

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
и заиста је тако ЈаваСкрипт
велик да не можемо евентуално

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
то је другачије од ПХП,
мало нових синтаксе

170
00:08:19,110 --> 00:08:22,500
који долази са рад са ЈаваСцрипт.

171
00:08:22,500 --> 00:08:24,650
>> Низови у ЈаваСцрипт је
прилично јасно.

172
00:08:24,650 --> 00:08:27,200
Да прогласи низ, користите
средњим заградама синтакса

173
00:08:27,200 --> 00:08:30,090
да смо упознати са од ПХП.

174
00:08:30,090 --> 00:08:33,432
И слично ПХП, ми
Такође можете мешати типове података.

175
00:08:33,432 --> 00:08:35,140
Дакле, овај низ, како
ових низова би

176
00:08:35,140 --> 00:08:36,960
бити савршено легитимно ЈаваСкрипт.

177
00:08:36,960 --> 00:08:42,500
Један који је све целе бројеве, и онај који
се мешају различите врсте података.

178
00:08:42,500 --> 00:08:45,020
>> Шта је нешто сасвим друго
у ЈаваСцрипт, иако?

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
Ми не радимо пуно тога у ЦС50,
али ми ћемо учинити мало тога

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
>> Ц, у другу руку ис а
функционалан програмски језик.

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
Као на Ц структуре или струцт
које смо научили о прије.

199
00:09:44,540 --> 00:09:47,430
У Ц, а структура садржи
велики број поља,

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
И онда могу да кажем нешто
као хербие.иеар једнака 1.963,

208
00:10:13,730 --> 00:10:15,850
и хербие.модел једнако Беетле.

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
Jel tako?

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
>> Тако поља бити
суштинског значаја за Ц структура

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
ако мислите о
Струцт, функција

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
преврнуо, а ми размишљамо о
овако, објецт.фунцтион.

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
који смо упознати са од ПХП.

244
00:12:14,160 --> 00:12:17,720
Не заборавите асоцијативна низ дозвољава
да имамо кључне вредности парове, уместо

245
00:12:17,720 --> 00:12:23,040
да имају индекса 0, један, два, три,
и тако даље као што смо навикли од Ц

246
00:12:23,040 --> 00:12:23,940
низови.

247
00:12:23,940 --> 00:12:27,472
Асоцијативни низови могу мап
речи, као што у ПХП Видео,

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
Буба.

258
00:12:58,140 --> 00:13:01,770
>> А приметити овде да ја користим
сингле цитати ЈаваСцрипт.

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
кад пишеш ЈаваСцрипт,
само користите појединачне наводнике.

262
00:13:10,230 --> 00:13:15,050
Али би овде наводнике, и
То би било сасвим у реду као добро.

263
00:13:15,050 --> 00:13:17,470
>> Тако се како у
ПХП смо ову представу

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
ЈаваСцрипт има нешто врло слично,
али не зове за сваку петљу,

269
00:13:35,010 --> 00:13:38,960
зове се за у петљи.

270
00:13:38,960 --> 00:13:42,890
Дакле, ако сам рекао да ми се
ово за вар кључ у објекту,

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
Дакле, за вар кључ у објекту, имам
користити објекта квадратних заграда

279
00:14:17,240 --> 00:14:19,340
кључ унутар петље.

280
00:14:19,340 --> 00:14:24,580
За вар кључ објекта, могу
само користите кључ унутар петље,

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
Само знам да
цонсоле.лог је некако један

294
00:15:08,090 --> 00:15:10,630
начин да се то за штампање Ф у ЈаваСцрипт.

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
Опет, ја само ударање Ф12
да се отвори развојне алате.

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
И четири у тест-- Нећу
показати вам код за њега сада,

307
00:15:45,230 --> 00:15:47,479
али ћете га добити ако
скидање изворног кода који

308
00:15:47,479 --> 00:15:50,380
повезан је са овим видео--
само да за у петља

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
>> Добро, како сада почињу да
спојите жице и можда мик уп

327
00:16:52,380 --> 00:16:57,220
неке варијабле са интерполацијом
као да смо у стању да уради у ПХП?

328
00:16:57,220 --> 00:16:59,410
Па, прилично смо упознати
с тим од ПХП.

329
00:16:59,410 --> 00:17:04,109
Ово је како би ми то радимо користећи
тачка оператер да спојите жице.

330
00:17:04,109 --> 00:17:06,260
У ЈаваСцрипт, међутим,
ми заправо користимо нешто

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
Имам две опције, ниска зграда
В1 и онда зграде низ В2.

338
00:17:24,822 --> 00:17:26,530
И ми ћемо видети зашто смо
треба В2 у секунди.

339
00:17:26,530 --> 00:17:28,610
Али ја ћу кликните на
ниска зграда В1, која

340
00:17:28,610 --> 00:17:30,360
је код нас било
Само узимање поглед на,

341
00:17:30,360 --> 00:17:32,980
цонсоле.лог са свим плусева.

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
заједно, ЈаваСцрипт има
да своју најбољу претпоставку

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
И тако ови језици,
ПХП и ЈаваСцрипт,

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
говори ЈаваСцрипт, од стране
начин третира ово као цео број,

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
И тако ако се поп натраг на ИДЕ, ја сам
да очисте своју конзолу поново,

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
У ствари, све у
ЈаваСцрипт је заправо објекат.

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
Постоји метода се зове
величина, арраи.сизе,

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
арраи.поп, нешто као
наш појам појављују са

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
Арраи.пусх додаје нови елемент
до краја низа.

399
00:20:17,110 --> 00:20:20,910
арраи.схифт је некако
као ДК, то слојеви се

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
па бисмо рекли у
овај случај, можда арраи.мап,

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
Само ЈаваСцрипт је ово изграђена у
Појам мапирања која се могу примијенити.

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
То се зове Нумс, и има пет
ствари у њој, један, два, три, четири,

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
Оно што сам могао да урадим је само користити петљу
за вар сам једнако 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
Могу да кажем Нумс је раније
један два три четири пет,

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
и шта је функција ради
се враћа Број пута 2.

443
00:22:41,890 --> 00:22:45,330
И тако након овога
маппинг је примењен,

444
00:22:45,330 --> 00:22:50,090
ово је сада шта Нумс изглед
као, два, четири, шест, осам, 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
Па, ако смо скокнем до ИДЕ, и
Ја повуците свој анонимни функцију, овде

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
>> Дакле, још једна велика тема да разговарају о в
ЈаваСцрипт је појам догађаја.

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
И ЈаваСкрипт да има
Способност да подрже нешто

470
00:24:17,460 --> 00:24:21,760
назива догађај трговине, који
је цаллбацк функција која

471
00:24:21,760 --> 00:24:23,329
реагује на ХТМЛ догађају.

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
одређеној ХТМЛ атрибут.

477
00:24:38,060 --> 00:24:41,420
Већина хтмл елементи имају
Подршка за атрибут

478
00:24:41,420 --> 00:24:45,170
да нисмо разговарали о томе у хтмл
Видео за тако нешто на клик

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
>> И тако можда ваш ХТМЛ
изгледа отприлике овако.

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
то ће бити неки ЈаваСкрипт
функција која реагује на догађај

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
Тако да сада у моје одвојено
Јавасцрипт фајл, могао бих

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
вар окидач једнако догађај
тачка извор елемента.

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
>> А онда овде све што радим је
штампање триггер.иннерхтмл.

513
00:26:40,710 --> 00:26:43,860
Па, у овом случају, у овом
контекст, триггер.иннерхтмл

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
>> Дакле, пре свега, ти си
отвориле евентс.јс,

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
Ми само ослањајући се на
ста ЈаваСкрипт

536
00:27:48,220 --> 00:27:53,772
уради за нас, а то је да створи што
врста догађаја објекта у наше име.

537
00:27:53,772 --> 00:27:56,730
Има много више него ЈаваСцрипт
оно што смо покривени на овом снимку,

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
Ово је ЦС50.

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