1
00:00:00,000 --> 00:00:03,840
>> [Prehrávanie hudby]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: Takže teraz sme starí
profesionáli na webové programovanie, že jo?

4
00:00:08,690 --> 00:00:12,140
A my sme sa vzťahuje niekoľko
jazykov v jednotlivých videí.

5
00:00:12,140 --> 00:00:14,690
A teraz poďme urobiť ešte jeden, JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> Prvá dobrá správa, JavaScript
je moderný programovací

7
00:00:17,370 --> 00:00:21,410
jazyk podobne ako PHP, ktorého
syntax je odvodený z C,

8
00:00:21,410 --> 00:00:22,830
takže je to dobré miesto pre štart.

9
00:00:22,830 --> 00:00:25,880
Je to asi tak stará ako PHP, rovnako,
čo bolo okolo 20 rokov.

10
00:00:25,880 --> 00:00:28,600
To bolo vynájdené v okolí
v rovnakom čase ako PHP.

11
00:00:28,600 --> 00:00:32,240
A JavaScript je vlastne celkom
zásadné pre užívateľské skúsenosti

12
00:00:32,240 --> 00:00:32,740
z webu.

13
00:00:32,740 --> 00:00:34,448
V skutočnosti, tam sú
tri jazyky, ktoré som

14
00:00:34,448 --> 00:00:38,480
by som, že druh tvorí
užívateľské skúsenosti interagujúcich

15
00:00:38,480 --> 00:00:42,650
s webovými stránkami, html,
css, a JavaScript.

16
00:00:42,650 --> 00:00:46,030
A tak teraz poďme hovoriť
Niečo málo o JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> Zlou správou, aj keď s JavaScript je
že stanovuje niekoľko pravidiel pre seba,

18
00:00:50,301 --> 00:00:51,300
a potom je to poruší.

19
00:00:51,300 --> 00:00:54,010
A JavaScript môže byť v skutočnosti
druh náročné sa učiť,

20
00:00:54,010 --> 00:00:57,000
pretože je to na rozdiel od C a
PHP, ktoré sú veľmi štruktúrované

21
00:00:57,000 --> 00:01:00,270
a majú veľmi prísne pravidlá
na to, ako sa veci môžu pracovať.

22
00:01:00,270 --> 00:01:03,690
JavaScript má druh
z dostali tak flexibilné

23
00:01:03,690 --> 00:01:06,650
že možno sa veci nebudú
pracovať tak, ako očakávame, že,

24
00:01:06,650 --> 00:01:09,830
a možno by sme naozaj nemôže učiť
naše prvé programovací jazyk

25
00:01:09,830 --> 00:01:10,769
ako JavaScript.

26
00:01:10,769 --> 00:01:12,810
Možno preto, že to nie je
stanovila nejaké pravidlá,

27
00:01:12,810 --> 00:01:15,754
a to nie je naozaj
presadzovať dobré kódovanie návyky.

28
00:01:15,754 --> 00:01:18,170
Ale teraz sme sa snáď vyvinuli
niektoré dobré kódovanie návyky,

29
00:01:18,170 --> 00:01:21,470
a tak môžeme začať vpád
do JavaScriptu trochu.

30
00:01:21,470 --> 00:01:25,750
>> Ak chcete písať JavaScript podobný otvor
up súboru C s bodkou C predĺženie

31
00:01:25,750 --> 00:01:29,770
alebo súbor PHP s príponou dot PHP,
všetko, čo musíte urobiť, je otvoriť súbor

32
00:01:29,770 --> 00:01:31,764
s príponou bodkou js.

33
00:01:31,764 --> 00:01:34,430
Nepotrebujeme mať nejaké špeciálne
oddeľovača ako sme to urobili v PHP.

34
00:01:34,430 --> 00:01:36,750
Taká uhla
držiak otáznik PHP

35
00:01:36,750 --> 00:01:40,300
že sme zvyknutí od toho, na ceste
povieme náš prehliadač, že to, čo máme, je

36
00:01:40,300 --> 00:01:43,502
JavaScript je zahrnutím
to v html tagu,

37
00:01:43,502 --> 00:01:46,210
a uvidíme trochu o
ako to urobiť, že za chvíľu.

38
00:01:46,210 --> 00:01:48,210
>> Ďalšia vec, ktorá robí
Odlišné JavaScript

39
00:01:48,210 --> 00:01:50,580
však je, že beží na strane klienta.

40
00:01:50,580 --> 00:01:53,430
Takže pripomenúť, že s PHP
by sme nikdy naozaj vidieť

41
00:01:53,430 --> 00:01:57,041
PHP, ktorý zdôraznil, webové stránky.

42
00:01:57,041 --> 00:01:59,040
Ak by sme niekedy prezeral
zdrojová stránka, my by sme len

43
00:01:59,040 --> 00:02:02,830
pozri html, ktorý bol
generované, že PHP.

44
00:02:02,830 --> 00:02:04,900
Ale JavaScript beží na strane klienta.

45
00:02:04,900 --> 00:02:06,710
Váš JavaScript beží na vašom počítači.

46
00:02:06,710 --> 00:02:09,050
A to je dôvod, prečo si môžete robiť
veci, ako je pridať blokátory.

47
00:02:09,050 --> 00:02:09,550
Je to tak?

48
00:02:09,550 --> 00:02:12,704
Blokovanie reklám sa zvyčajne vykonáva
zabíjať všetky JavaScriptu

49
00:02:12,704 --> 00:02:14,370
ktorý je spustený na konkrétne webové stránky.

50
00:02:14,370 --> 00:02:19,000
A pretože by musel
spustiť na vašom počítači strane klienta,

51
00:02:19,000 --> 00:02:21,910
stačí zastaviť
JavaScript pre beh úplne.

52
00:02:21,910 --> 00:02:27,030
To tiež znamená, že pri použití
webová stránka, ktorá obsahuje JavaScript

53
00:02:27,030 --> 00:02:32,450
budete musieť poslať zdroj JavaScript
kód ako súčasť svojho http odpovede

54
00:02:32,450 --> 00:02:34,159
klientovi, ak o to požiadajú.

55
00:02:34,159 --> 00:02:35,950
A tak možno nie
chcete používať JavaScript

56
00:02:35,950 --> 00:02:38,395
robiť naozaj citlivé veci
ako je odovzdávanie informácií

57
00:02:38,395 --> 00:02:41,020
o používateľských hesiel a späť
ďalej, pretože sú v skutočnosti

58
00:02:41,020 --> 00:02:45,610
bude dostávať všetky zdrojového kódu,
nielen html, ktorý je generovaný,

59
00:02:45,610 --> 00:02:49,030
, Ktorá by mohla byť v prípade povedzme PHP.

60
00:02:49,030 --> 00:02:51,620
>> Tak ako sme sa zahŕňajú JavaScript
v našej html začať?

61
00:02:51,620 --> 00:02:54,520
No, podobne ako CSS, v skutočnosti,
je niečo o tom, ako to robíme tu.

62
00:02:54,520 --> 00:02:56,190
S CSS máme tagy štýl.

63
00:02:56,190 --> 00:03:00,760
A vo vnútri týchto štýle značiek,
môžeme definovať CSS štýlov.

64
00:03:00,760 --> 00:03:03,450
Podobne sa JavaScriptu
môžeme otvoriť značiek skriptu,

65
00:03:03,450 --> 00:03:06,660
ďalšie html tag my nie
hovoriť o tom, v našej html video,

66
00:03:06,660 --> 00:03:09,720
a písať JavaScript
medzi týmito značkami script.

67
00:03:09,720 --> 00:03:13,960
Tiež aj keď, ako CSS, sme
mohol spojiť v vonku CSS súborov

68
00:03:13,960 --> 00:03:15,900
a vytiahnuť ich do nášho programu, ktorý spôsobom.

69
00:03:15,900 --> 00:03:18,280
S CSS môžeme tiež,
prepáčte, Javascript

70
00:03:18,280 --> 00:03:23,240
môžeme tiež určiť zdroj
atribút tagu script

71
00:03:23,240 --> 00:03:25,720
prepojiť v JavaScripte
zvlášť, takže sa nemusíte

72
00:03:25,720 --> 00:03:27,680
musí napísať do
medzi značky skriptu, my

73
00:03:27,680 --> 00:03:29,600
môžete prepojiť ju s použitím
že tag skript rovnako.

74
00:03:29,600 --> 00:03:33,230
A rovnako ako v prípade s CSS kde
odporúčame, aby to bolo pravdepodobne

75
00:03:33,230 --> 00:03:36,090
vo vašom najlepšom záujme, aby písať
Váš CSS do samostatného súboru v prípade,

76
00:03:36,090 --> 00:03:38,500
je potrebné ho zmeniť,
Podobne tomu odporúčame

77
00:03:38,500 --> 00:03:40,720
že napíšete
JavaScript v samostatných súboroch

78
00:03:40,720 --> 00:03:45,460
a používať zdroj tagy skriptu
pripisovať zviazať si JavaScript

79
00:03:45,460 --> 00:03:49,520
do html, svoje webové stránky.

80
00:03:49,520 --> 00:03:52,610
>> Takže JavaScript premenné, budeme
začnite tu hovoriť o syntaxe.

81
00:03:52,610 --> 00:03:53,600
A pôjdeme cez
tento druh rýchlo,

82
00:03:53,600 --> 00:03:56,640
preto, že sme urobili to v PHP, takže
to všetko by malo byť docela oboznámení.

83
00:03:56,640 --> 00:03:59,490
Takže premenné v JavaScripte sú
veľmi podobné PHP premenné.

84
00:03:59,490 --> 00:04:03,270
Neexistuje žiadny Špecifikátor typu, a
keď si predstaviť premennú,

85
00:04:03,270 --> 00:04:05,070
ho prefix pomocou kľúčového slova var.

86
00:04:05,070 --> 00:04:07,750
V PHP budeme robiť niečo
takto, znak dolára x.

87
00:04:07,750 --> 00:04:09,950
To je, ako sme naznačili
variabilné, ale nie, my

88
00:04:09,950 --> 00:04:12,060
nezmieňujú typ
premenné vôbec.

89
00:04:12,060 --> 00:04:15,124
Radi by sme povedať niečo podobné
znak dolára x rovná 44 v PHP.

90
00:04:15,124 --> 00:04:17,040
Ak by sme robili
to isté v JavaScripte,

91
00:04:17,040 --> 00:04:19,589
by sme povedali var x rovná 44.

92
00:04:19,589 --> 00:04:22,780
Takže var je trochu našej ceste
zavedenie premenné.

93
00:04:22,780 --> 00:04:26,850
To je možno trochu viac intuitívne
než len znak dolára premenné.

94
00:04:26,850 --> 00:04:29,080
>> Opäť platí, pretože nie je
dátové typy, mohli by sme to urobiť

95
00:04:29,080 --> 00:04:34,490
s ľubovoľný typ dát, struny,
Čokoľvek iné by všetci var.

96
00:04:34,490 --> 00:04:37,260
Podmieňovací spôsob, všetky naše
starí priatelia z C a PHP

97
00:04:37,260 --> 00:04:41,640
sú stále k dispozícii, takže ak máme,
else if, else, switch a otázka

98
00:04:41,640 --> 00:04:42,240
Značka hrubého čreva.

99
00:04:42,240 --> 00:04:45,890
Spínač zostáva tak flexibilný, ako to
bol v PHP, ale všetky z nich, že ste

100
00:04:45,890 --> 00:04:46,930
oboznámení s teraz.

101
00:04:46,930 --> 00:04:49,900
A podobne sa slučky
staré favoritov chvíľu,

102
00:04:49,900 --> 00:04:52,700
robiť, zatiaľ čo, a ešte k dispozícii.

103
00:04:52,700 --> 00:04:55,880
Takže už vieme, že mnoho z
Základné JavaScript druh základov

104
00:04:55,880 --> 00:05:01,800
Len na základe ktorej majú celkom dosť
vedomostí teraz o C a PHP.

105
00:05:01,800 --> 00:05:03,670
>> Čo funkcií v JavaScripte?

106
00:05:03,670 --> 00:05:08,199
No, podobne ako PHP každá funkcia je
predstavil pomocou kľúčového slova function.

107
00:05:08,199 --> 00:05:10,740
Hovoríte, že funkcie, a potom vás
začína definovať funkciu.

108
00:05:10,740 --> 00:05:12,531
Čo je to trochu inak
o JavaScriptu,

109
00:05:12,531 --> 00:05:15,700
hoci je schopnosť mať
čo sa nazýva anonymný funkcie.

110
00:05:15,700 --> 00:05:18,880
Takže môžete definovať funkcie
že nemajú meno.

111
00:05:18,880 --> 00:05:21,222
To je niečo, čo sme
Naozaj ešte nevideli.

112
00:05:21,222 --> 00:05:23,430
Budeme naozaj používať pojmu
z anonymný funkcie

113
00:05:23,430 --> 00:05:27,880
o niečo neskôr v tomto
video, pretože to bude

114
00:05:27,880 --> 00:05:31,530
aby trochu väčší zmysel v kontexte
keď ju vidíme v konkrétnej situácii

115
00:05:31,530 --> 00:05:33,120
že som tu remeselne.

116
00:05:33,120 --> 00:05:35,710
Ale poďme stačí sa pozrieť
na to, čo jednoduchého JavaScriptu

117
00:05:35,710 --> 00:05:37,850
Funkcia by mohla vyzerať.

118
00:05:37,850 --> 00:05:40,610
>> Tak som išiel dopredu a
otvoril môj CS50 IDE

119
00:05:40,610 --> 00:05:43,690
a už som bežať Apache
začať svoj server beží.

120
00:05:43,690 --> 00:05:46,800
A ja mám tento súbor
otvoriť tzv home.html.

121
00:05:46,800 --> 00:05:48,330
A ja budem priblížiť trochu tu.

122
00:05:48,330 --> 00:05:52,090
A v podstate, môžete vidieť
Home.html je len banda tlačidiel.

123
00:05:52,090 --> 00:05:55,291
A ja som tvrdil hore tu
že sa jedná o úsek JavaScript

124
00:05:55,291 --> 00:05:55,790
materiály.

125
00:05:55,790 --> 00:05:59,490
Takže je tu veľa tlačidiel tú,
ale čo tieto tlačidlá vlastne robiť?

126
00:05:59,490 --> 00:06:03,662
>> No, budeme cez hlavu na moje IED,
a ja som home.html otvoriť tu.

127
00:06:03,662 --> 00:06:05,620
Na samom počiatku,
tu je miesto, kde som spájajúcej

128
00:06:05,620 --> 00:06:07,500
vo všetkých mojich zdrojových súborov JavaScript.

129
00:06:07,500 --> 00:06:08,000
Je to tak?

130
00:06:08,000 --> 00:06:12,440
Takže mám anonymous.js, clock.js,
Som pomocou atribútu zdroja

131
00:06:12,440 --> 00:06:14,440
tagu script prepojiť do súboru.

132
00:06:14,440 --> 00:06:18,660
Takže som nenapísal akýkoľvek
JavaScript priamo do tohto súboru,

133
00:06:18,660 --> 00:06:21,790
ale ja som vytiahol na všetky
JavaScript som napísal samostatne.

134
00:06:21,790 --> 00:06:24,540
A ak budeme posúvať tu, to dole
mali všetci vyzerajú trochu povedomý

135
00:06:24,540 --> 00:06:27,090
s trochou novou syntaxou.

136
00:06:27,090 --> 00:06:32,655
Máme tu hlavičky tag pre
funkcie a potom tlačidlo.

137
00:06:32,655 --> 00:06:35,530
Mám vstup, ktorý je tlačidlo typu,
a zrejme keď som sa na neho,

138
00:06:35,530 --> 00:06:38,130
Budem volať niektoré
Funkcie Deň upozornenia.

139
00:06:38,130 --> 00:06:41,792
A to je, ako môžeme nejako namiešať
trochu JavaScriptu a HTML.

140
00:06:41,792 --> 00:06:44,500
Sú to vlastne hrajú celkom dobre
spolu, a tak zrejme keď

141
00:06:44,500 --> 00:06:48,730
Aj kliknite na toto tlačidlo, idem
zavolať nejakú dátum funkcia upozornenia.

142
00:06:48,730 --> 00:06:53,660
A rovnako som definovaná správanie
Pre všetky ostatné tlačidiel, ktorá

143
00:06:53,660 --> 00:06:56,440
sú na tejto stránke home.html,
ktorý budeme držať vracať

144
00:06:56,440 --> 00:06:59,172
sa v priebehu tohto videa.

145
00:06:59,172 --> 00:07:00,880
Ale vráťme sa späť nahor
Tu sa pozrieť

146
00:07:00,880 --> 00:07:03,850
pri clock.js, čo je
Súbor JavaScriptu, ktoré som

147
00:07:03,850 --> 00:07:07,370
napísal, že má tento prvý funkcie
budeme sa pozrieť na.

148
00:07:07,370 --> 00:07:11,630
Ako môžete vidieť, začnem môj JavaScript
pracovať s funkciou kľúčových slov,

149
00:07:11,630 --> 00:07:14,560
a ja som dal toto
meno, je to len dátum v strehu.

150
00:07:14,560 --> 00:07:18,710
Vnútri tam, som zrejme vytvoriť
nová lokálna premenná s názvom aktuálny dátum.

151
00:07:18,710 --> 00:07:21,500
A budem priradiť
rovnaký s novým dátumom.

152
00:07:21,500 --> 00:07:24,430
A my sme mohli dostať do veľa
detail na to, čo je dátum,

153
00:07:24,430 --> 00:07:27,060
a naozaj JavaScript je tak
veľká, že môžeme v žiadnom prípade

154
00:07:27,060 --> 00:07:28,330
pokrývajú všetko v jednom videu.

155
00:07:28,330 --> 00:07:32,220
Ale stačí povedať, že to bude
vrátiť sa ku mne položka dát, ktorá

156
00:07:32,220 --> 00:07:35,470
sumarizuje aktuálny dátum a čas.

157
00:07:35,470 --> 00:07:39,100
Som ukladanie, že v premennej, že som
zrejme chystá upozorniť aktuálny dátum.

158
00:07:39,100 --> 00:07:41,300
>> No, čo robí záznam
aktuálny dátum vyzerať?

159
00:07:41,300 --> 00:07:46,460
Poďme sa pozrieť na samotný súbor
späť cez v okne prehliadača.

160
00:07:46,460 --> 00:07:49,551
Takže znova, toto je tlačidlo, ktoré som
boli viazané na, tomto názvom funkcie.

161
00:07:49,551 --> 00:07:51,800
A ja kliknite na neho tam a
pozri sa, čo to urobil, to upozornil.

162
00:07:51,800 --> 00:07:56,140
To vyskočila tento druh box rozprávanie
mi, že je aktuálny čas, zrejme

163
00:07:56,140 --> 00:07:59,370
je novembrovom 4 Na
10:43:43 ráno.

164
00:07:59,370 --> 00:08:02,345
A keď som sa na neho znova, teraz
je to pár sekúnd neskôr, jo?

165
00:08:02,345 --> 00:08:03,720
Tak to je všetko, táto funkcia robí.

166
00:08:03,720 --> 00:08:07,670
Keď som kliknite na toto tlačidlo, to
vyskočí výstražnú správu ku mne.

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

168
00:08:13,806 --> 00:08:15,690
Takže je to naozaj nie je
príliš veľa funkcií

169
00:08:15,690 --> 00:08:19,110
To je odlišné od PHP,
len trochu novou syntaxou

170
00:08:19,110 --> 00:08:22,500
, Ktorý je dodávaný s prácou s JavaScriptom.

171
00:08:22,500 --> 00:08:24,650
>> Polia sú v JavaScripte
celkom jednoduché.

172
00:08:24,650 --> 00:08:27,200
Ak chcete deklarovať pole, použite
Syntaxe v hranatých zátvorkách

173
00:08:27,200 --> 00:08:30,090
že sme oboznámení s z PHP.

174
00:08:30,090 --> 00:08:33,432
A podobne ako PHP, my
tiež môže miešať dátové typy.

175
00:08:33,432 --> 00:08:35,140
Tak toto pole, a to ako
z týchto polí by

176
00:08:35,140 --> 00:08:36,960
byť úplne legitímne JavaScript.

177
00:08:36,960 --> 00:08:42,500
Jeden, ktorý ich všetky celé čísla, a ten, ktorý
zmiešanie rôzne dátové typy.

178
00:08:42,500 --> 00:08:45,020
>> Čo je to niečo úplne iné
v JavaScripte, aj keď?

179
00:08:45,020 --> 00:08:47,020
To je pojem objektu.

180
00:08:47,020 --> 00:08:50,240
Tak snáď ste počuli o
objektovo orientovaného programovania.

181
00:08:50,240 --> 00:08:53,370
Nechceme robiť veľa to v CS50,
ale urobíme trochu z toho

182
00:08:53,370 --> 00:08:55,670
tu v kontexte JavaScript.

183
00:08:55,670 --> 00:08:59,100
Teraz JavaScript má schopnosť
správať ako objektovo orientovaného programovania

184
00:08:59,100 --> 00:09:02,615
jazyka, ale nie je sama o sebe
výlučne orientované objekt

185
00:09:02,615 --> 00:09:03,490
programovací jazyk.

186
00:09:03,490 --> 00:09:05,281
A to zase príde
späť, prečo som povedal, je

187
00:09:05,281 --> 00:09:10,610
môže byť veľmi náročné sa učiť
JavaScript ako prvý programovanie

188
00:09:10,610 --> 00:09:13,890
jazyk, pretože to nie je
naozaj fit zvláštne paradigma.

189
00:09:13,890 --> 00:09:16,430
>> C na druhej strane je
funkčné programovací jazyk.

190
00:09:16,430 --> 00:09:22,270
Ak chceme, funkcia
druh veľkého šéfa muža, nie?

191
00:09:22,270 --> 00:09:24,410
Oni diktovať, čo
sa stane všetko ostatné.

192
00:09:24,410 --> 00:09:26,600
Chceme zmeniť premenné,
nazývame funkcií.

193
00:09:26,600 --> 00:09:28,220
Robíme veci, k funkciám.

194
00:09:28,220 --> 00:09:31,250
Objekty namiesto toho, An
objektovo orientovaný jazyk,

195
00:09:31,250 --> 00:09:35,937
objekty druh sa stal hviezdou a
Funkcia sa stal akýmsi sekundárne.

196
00:09:35,937 --> 00:09:38,270
Ale to, čo je objekt, čo
je tento pojem objektu?

197
00:09:38,270 --> 00:09:40,880
No, či to pomôže, myslím,
o tom na prvý druh

198
00:09:40,880 --> 00:09:44,540
ako sa štruktúry C alebo struct
že sme sa dozvedeli o skôr.

199
00:09:44,540 --> 00:09:47,430
V C, štruktúra obsahuje
počet polí,

200
00:09:47,430 --> 00:09:51,174
a možno by sme teraz sa môže začať
nazývajú tieto polia vlastnosti.

201
00:09:51,174 --> 00:09:53,590
Ale vlastnosti nikdy
stáť na vlastných, že jo?

202
00:09:53,590 --> 00:09:56,410
Ak mám definovať štruktúru pre auto
takto sa týchto dvoch

203
00:09:56,410 --> 00:10:00,750
polí alebo vlastnosti, jedno lietadlo AN
celé číslo, pre rok vozu

204
00:10:00,750 --> 00:10:04,290
a ďalšie 10 charakter
reťazec pre model vozidla,

205
00:10:04,290 --> 00:10:07,150
Môžem povedať niečo také,
Môžem deklarovať novú premennú

206
00:10:07,150 --> 00:10:10,080
typu struct autá Herbie.

207
00:10:10,080 --> 00:10:13,730
A potom môžem niečo povedať
ako herbie.year sa rovná 1963,

208
00:10:13,730 --> 00:10:15,850
a herbie.model rovná Beetle.

209
00:10:15,850 --> 00:10:17,000
To je v poriadku.

210
00:10:17,000 --> 00:10:19,680
Som pomocou polí v
kontext štruktúry,

211
00:10:19,680 --> 00:10:22,290
ale ja som mohol nikdy len
hovoriť niečo také.

212
00:10:22,290 --> 00:10:22,790
Je to tak?

213
00:10:22,790 --> 00:10:26,836
Nemôžem použiť názov poľa
nezávislé na štruktúre.

214
00:10:26,836 --> 00:10:28,210
Je to niečo ako zásadnú vec.

215
00:10:28,210 --> 00:10:32,990
>> Tak pole bytia
základné pre C štruktúr

216
00:10:32,990 --> 00:10:39,050
sú veľmi podobné vlastnosti bytia
zásadný k objektom JavaScript.

217
00:10:39,050 --> 00:10:42,080
Ale to, čo z nich robí
obzvlášť zaujímavé

218
00:10:42,080 --> 00:10:46,230
je to, že predmety môžu mať tiež čo
sa nazývajú metódy, ktoré sú naozaj

219
00:10:46,230 --> 00:10:50,730
len fantázia slovo pre funkcie, ktoré
sú vlastné objekt rovnako.

220
00:10:50,730 --> 00:10:55,340
Takže je to funkcia, ktorá môže byť iba
volal v rámci objektu.

221
00:10:55,340 --> 00:10:59,200
Iba objekt, ktorý definoval
Táto funkcia vnútri IDS,

222
00:10:59,200 --> 00:11:02,020
ak si myslíte, asi
struct, funkcia

223
00:11:02,020 --> 00:11:05,720
je definovaná v tých, ktoré vymedzujú
zložené zátvorky konštrukcie.

224
00:11:05,720 --> 00:11:07,980
Takže to len niečo, čo znamená
do konštrukcie.

225
00:11:07,980 --> 00:11:10,960
A to je to tak nejako to, čo robíme
tu s objektmi a metódami.

226
00:11:10,960 --> 00:11:13,580
Je to v podstate ako by sme boli
definovanie funkcie, ktorá

227
00:11:13,580 --> 00:11:16,670
má zmysel iba na
Konkrétne predmet, a tak sme

228
00:11:16,670 --> 00:11:19,440
volanie, že spôsobom podľa objektu.

229
00:11:19,440 --> 00:11:23,180
A nikdy nemôžeme hovoriť, že
Funkcie nezávislé na objekte,

230
00:11:23,180 --> 00:11:29,260
rovnako ako nemôžeme povedať rok alebo modelu
nezávisle na struct v C.

231
00:11:29,260 --> 00:11:32,300
>> Tak funkcionálne programovanie
paradigmy vyzerať nejako takto.

232
00:11:32,300 --> 00:11:35,450
Funkcie a potom pri odovzdaní
v objekte ako parameter.

233
00:11:35,450 --> 00:11:38,650
V objektovo orientovaného programovania
jazyky, tento druh dostane

234
00:11:38,650 --> 00:11:43,464
vyletel, a my by sme premýšľať o tom,
to takto, object.function.

235
00:11:43,464 --> 00:11:45,380
Tak to nejako tohto bodu
operátor opäť implikovať

236
00:11:45,380 --> 00:11:49,540
že je to nejaký druh nehnuteľnosti
alebo atribút samotného objektu.

237
00:11:49,540 --> 00:11:53,240
Ale to je to, čo je objekt
orientovaný programovací jazyk

238
00:11:53,240 --> 00:11:57,150
by mohol urobiť, aby funkcia
volania na metóde, znovu, čo

239
00:11:57,150 --> 00:12:00,260
je len špeciálne slovo pre funkciu
ktorá je vlastná objekt.

240
00:12:00,260 --> 00:12:03,440
To je to, čo, že
syntax by mohla vyzerať.

241
00:12:03,440 --> 00:12:09,360
A tak začneme vidieť niektoré z
to v súvislosti s JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Môžete si tiež myslieť o objekte
niečo ako asociatívne pole,

243
00:12:12,470 --> 00:12:14,160
ktorý sme oboznámení s z PHP.

244
00:12:14,160 --> 00:12:17,720
Nezabudnite, asociatívne pole umožňuje
aby sme mali kľúče a hodnoty, namiesto toho

245
00:12:17,720 --> 00:12:23,040
mať indexov 0, jedna, dva, tri,
a tak ďalej, ako sme zvyknutí z C

246
00:12:23,040 --> 00:12:23,940
poľa.

247
00:12:23,940 --> 00:12:27,472
Asociatívne polia môžu mapovať
slová, ako napríklad vo videu PHP,

248
00:12:27,472 --> 00:12:29,180
sme hovorili o
zálievky pízz.

249
00:12:29,180 --> 00:12:31,180
A tak sme mali celý rad
tzv pizze, a my

250
00:12:31,180 --> 00:12:36,670
mal syr bol kľúčovým a $ 8,99 bol
hodnota, a potom pepperoni bol kľúčovým,

251
00:12:36,670 --> 00:12:39,190
$ 9,99 bola hodnota, a tak ďalej.

252
00:12:39,190 --> 00:12:43,300
A tak môžeme tiež premýšľať o
objekt nejako podobne ako asociatívne

253
00:12:43,300 --> 00:12:43,840
array.

254
00:12:43,840 --> 00:12:47,020
A tak táto syntaxe tu
by vytvoril nový objekt

255
00:12:47,020 --> 00:12:50,950
volal Herbie s dvomi
Vlastnosti vnútri nej.

256
00:12:50,950 --> 00:12:57,310
Rok, ktorý má hodnotu 1963,
a model, ktorý je priradený reťazec

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

258
00:12:58,140 --> 00:13:01,770
>> A všimnite si, že tu som pomocou
jednoduché úvodzovky v JavaScripte.

259
00:13:01,770 --> 00:13:05,570
Môžete použiť jednoduché alebo dvojité úvodzovky
keď hovoríte o reťazcoch.

260
00:13:05,570 --> 00:13:07,772
Je to len konvenčne
prípade, že sa väčšina časov

261
00:13:07,772 --> 00:13:10,230
keď píšete JavaScript
stačí použiť apostrofy.

262
00:13:10,230 --> 00:13:15,050
Ale ja som mohol použiť úvodzoviek tu, a
ktorý by bol úplne v poriadku tiež.

263
00:13:15,050 --> 00:13:17,470
>> Takže pamätajte, ako v
PHP sme mali tento pojem

264
00:13:17,470 --> 00:13:22,730
zo for each, že by nám umožňujú
iterovat cez všetky hodnoty kľúča

265
00:13:22,730 --> 00:13:25,270
párov asociatívne
poľa, pretože sme

266
00:13:25,270 --> 00:13:29,050
nemal túto schopnosť iterovania
až 0 ° C, jeden, dva, tri, štyri,

267
00:13:29,050 --> 00:13:30,710
a tak ďalej?

268
00:13:30,710 --> 00:13:35,010
JavaScript má niečo veľmi podobného,
ale nie je to nazýva pre každú slučku,

269
00:13:35,010 --> 00:13:38,960
je to nazýva v slučkách.

270
00:13:38,960 --> 00:13:42,890
Takže keď som povedal, pre mňa ako
to pre var kľúč v objekte,

271
00:13:42,890 --> 00:13:48,670
že to trochu podobné ako hovoriť
Pre každý niečo ako niečo.

272
00:13:48,670 --> 00:13:53,850
Ale všetko, čo robím tu je iterácie
cez všetky kľúče môjho objektu.

273
00:13:53,850 --> 00:13:56,070
A vnútri kučeravé
traky tam, urobil by som to

274
00:13:56,070 --> 00:14:03,410
použitie objektu hranatých zátvorkách kláves odkazovať
na hodnotu v danom umiestnení kľúča.

275
00:14:03,410 --> 00:14:05,400
>> Inak, tam je
aj iný prístup.

276
00:14:05,400 --> 00:14:10,880
Keby som práve len starostlivosť o
Hodnoty, môžem povedať, na kľúč objektu,

277
00:14:10,880 --> 00:14:12,360
a stačí použiť kláves vnútri.

278
00:14:12,360 --> 00:14:17,240
Takže pre var kľúč v objekte, mám
použiť objekt hranaté zátvorky

279
00:14:17,240 --> 00:14:19,340
kľúč vnútri slučky.

280
00:14:19,340 --> 00:14:24,580
Pre var kľúče objekte, môžem
stačí použiť kláves vnútri slučky,

281
00:14:24,580 --> 00:14:29,040
pretože ja som len špecificky
tam hovorí o hodnotách.

282
00:14:29,040 --> 00:14:32,630
>> Takže poďme možná trvať
pozrite sa na rozdiel

283
00:14:32,630 --> 00:14:35,670
len preto, aby sa rýchlo ukázať vám,
rozdiel medzi štyri

284
00:14:35,670 --> 00:14:40,730
v a spolu s veľmi špecifickým
pole, ktoré tu máme, týždeň pole.

285
00:14:40,730 --> 00:14:43,616
Tak som si nájsť nové pole
že som naplnený siedmich reťazcov,

286
00:14:43,616 --> 00:14:46,240
Pondelok, utorok, streda,
Štvrtok, piatok, sobota, nedeľa.

287
00:14:46,240 --> 00:14:50,530
A ja chcem teraz iterácii
prostredníctvom tohto poľa,

288
00:14:50,530 --> 00:14:53,090
vytlačiť určité informácie.

289
00:14:53,090 --> 00:14:58,780
Ak mám použiť pre v slučke
vytlačiť informácie,

290
00:14:58,780 --> 00:15:00,710
čo si myslíte, že budem mať?

291
00:15:00,710 --> 00:15:01,710
Dobre, poďme sa pozrieť.

292
00:15:01,710 --> 00:15:05,300
A predtým, než sme preskočiť
do okna môjho prehliadača,

293
00:15:05,300 --> 00:15:08,090
len viem, že
console.log je trochu jedného

294
00:15:08,090 --> 00:15:10,630
spôsob, ako robiť tlačové F v JavaScripte.

295
00:15:10,630 --> 00:15:12,040
Ale čo je konzola?

296
00:15:12,040 --> 00:15:14,940
No, to je to, čo budeme
ísť sa pozrieť na práve teraz.

297
00:15:14,940 --> 00:15:16,850
>> OK, takže sme späť
v mojom okne prehliadača,

298
00:15:16,850 --> 00:15:19,410
a idem otvoriť
up mojich vývojárskych nástrojov.

299
00:15:19,410 --> 00:15:22,290
Opäť som len biť F12
otvoriť vývojárske nástroje.

300
00:15:22,290 --> 00:15:25,670
A všimnite si, že tu u
top som zvolil konzoly.

301
00:15:25,670 --> 00:15:28,480
Tak to je pojem
z vývojárskej konzolu,

302
00:15:28,480 --> 00:15:30,500
a to nám umožní
vytlačiť informácie von,

303
00:15:30,500 --> 00:15:33,000
niečo ako terminálu, ale
ako budete o niečo neskôr vidieť,

304
00:15:33,000 --> 00:15:37,720
môžeme tiež zadať informácie
komunikovať s našej webovej stránke.

305
00:15:37,720 --> 00:15:42,320
Chystám sa priblížiť trochu tu,
a budem teraz kliknite na v teste.

306
00:15:42,320 --> 00:15:45,230
A štyri test-- nebudem
ukáže kód pre neho práve teraz,

307
00:15:45,230 --> 00:15:47,479
ale budete to pochopíte, ak ste
stiahnuť zdrojový kód, ktorý

308
00:15:47,479 --> 00:15:50,380
je spojená s týmto video--
je len, že v slučke

309
00:15:50,380 --> 00:15:52,610
že sme videli len
sekunda na snímke.

310
00:15:52,610 --> 00:15:54,810
>> Takže ja som chcel, aby kliknite
tlačidlo, a tu,

311
00:15:54,810 --> 00:15:58,440
tu je to, čo sa vytlačiť v
konzola, 0, jeden, dva, tri, štyri, päť,

312
00:15:58,440 --> 00:15:58,940
šesť.

313
00:15:58,940 --> 00:16:02,490
Nechcel som vytlačiť informácie
vo vnútri týchto pole miestach,

314
00:16:02,490 --> 00:16:05,180
pretože som použil v slučke.

315
00:16:05,180 --> 00:16:10,670
A vo vnútri tela slučky, I
len vytlačiť kľúč nič namietať kľúč.

316
00:16:10,670 --> 00:16:18,600
Ale keď som teraz jasné svoju konzolu, a ja
prepnúť na na skúšky, a štyri z testu

317
00:16:18,600 --> 00:16:22,500
Hovorím, že som použiť pre slučky
Miesto a vytlačiť kľúč,

318
00:16:22,500 --> 00:16:28,079
keď som kliknite na to, že teraz som dostať to
Skutočné prvky vnútri môjho objektu

319
00:16:28,079 --> 00:16:29,120
, Alebo moje pole v tomto prípade.

320
00:16:29,120 --> 00:16:31,760
Má rad dní v týždni.

321
00:16:31,760 --> 00:16:33,480
Aj vytlačiť Pondelok,
Utorok, streda.

322
00:16:33,480 --> 00:16:36,930
Tak to je rozdiel medzi
for v slučke, čo vytlačí

323
00:16:36,930 --> 00:16:43,410
len kľúče, ak ste práve použite klávesu
vnútri tela slučky,

324
00:16:43,410 --> 00:16:46,850
a pre slučky, ktoré publikujú
out hodnoty, ak použijete práve

325
00:16:46,850 --> 00:16:48,870
kľúč vo vnútri tela slučky.

326
00:16:48,870 --> 00:16:52,380
>> Dobre, ako sme teraz začať
zřetězit reťazca a možno zmiešať

327
00:16:52,380 --> 00:16:57,220
niektoré premenné s interpoláciou
ako by sme boli schopní urobiť v PHP?

328
00:16:57,220 --> 00:16:59,410
No, my sme celkom oboznámení
s tým z PHP.

329
00:16:59,410 --> 00:17:04,109
To je, ako by sme to urobiť pomocou
dot prevádzkovateľ zřetězit reťazca.

330
00:17:04,109 --> 00:17:06,260
V JavaScriptu, hoci,
sme vlastne použiť niečo

331
00:17:06,260 --> 00:17:09,290
volal operátor plus, ktorý
je možno aj trochu viac

332
00:17:09,290 --> 00:17:10,470
intuitívne, že jo?

333
00:17:10,470 --> 00:17:12,609
Sme pridávanie veľa
reťazcov dohromady.

334
00:17:12,609 --> 00:17:14,520
Takže poďme vrátime
nad a uvidíte, čo to

335
00:17:14,520 --> 00:17:18,693
sa bude tlačiť, ak sa snažíme vytlačiť
všetky informácie v týždni poli.

336
00:17:18,693 --> 00:17:20,859
Dobre, tak za tú
pod zřetězením reťazca,

337
00:17:20,859 --> 00:17:24,822
Mám dve možnosti, string budova
V1 a potom reťazec budova V2.

338
00:17:24,822 --> 00:17:26,530
A uvidíme, prečo sme
Potrebujete V2 v druhom.

339
00:17:26,530 --> 00:17:28,610
Ale budem kliknite na
string budova V1, ktorý

340
00:17:28,610 --> 00:17:30,360
je kód sme boli
Len pri pohľade na,

341
00:17:30,360 --> 00:17:32,980
console.log so všetkými plusmi.

342
00:17:32,980 --> 00:17:35,910
Uvidíme, či toto výtlačkov
to, čo očakávame.

343
00:17:35,910 --> 00:17:39,939
>> Pondelok je deň číslo 01 v týždni,
Utorok deň číslo 11 v týždni.

344
00:17:39,939 --> 00:17:41,730
No, čo som sa snažil
urobiť, bolo dostať sa tam

345
00:17:41,730 --> 00:17:46,280
to vytlačiť pondelok je deň číslo
človek, v utorok je deň číslo dva.

346
00:17:46,280 --> 00:17:50,140
Ale zdá sa, ako by som
vždy vytlačiť jeden.

347
00:17:50,140 --> 00:17:51,260
Tak prečo je to?

348
00:17:51,260 --> 00:17:55,600
No, to dopadá, sa znovu pozrieť
v tejto malej fragment kódu tu.

349
00:17:55,600 --> 00:18:00,160
Všimnite si, že sme pomocou tlačidiel plus
operátor v dvoch rôznych kontextoch.

350
00:18:00,160 --> 00:18:03,221
>> A tak tu je miesto, kde sa veci možno
že sme trochu hovorili,

351
00:18:03,221 --> 00:18:03,970
Oh, to je tak veľký.

352
00:18:03,970 --> 00:18:05,910
Nechceme rokovať s dátovými typmi ešte.

353
00:18:05,910 --> 00:18:08,220
Ale tu je miesto, kde skutočnosť,
že strácame dátové typy

354
00:18:08,220 --> 00:18:10,960
môže byť v skutočnosti trochu
problém pre nás.

355
00:18:10,960 --> 00:18:16,260
Teraz, keď operátor a je používaný
zřetězit reťazca a pridať čísla

356
00:18:16,260 --> 00:18:19,550
spolu, JavaScript má
aby sa jeho najlepší odhad

357
00:18:19,550 --> 00:18:22,030
pokiaľ ide o to, čo chcem, aby to pre mňa urobiť.

358
00:18:22,030 --> 00:18:23,900
A v tomto prípade, uhádli ste zle.

359
00:18:23,900 --> 00:18:29,340
Proste dlhých deň, ktorý by bol
0, jeden, dva, tri, štyri, päť, alebo šesť,

360
00:18:29,340 --> 00:18:32,060
a potom to jednoducho zlúčia
to a potom zlúčia jeden.

361
00:18:32,060 --> 00:18:35,020
Nebolo vlastne pridať ich dohromady.

362
00:18:35,020 --> 00:18:37,320
A tak tieto jazyky,
PHP a JavaScript

363
00:18:37,320 --> 00:18:39,196
že súhrny preč
tento pojem typov,

364
00:18:39,196 --> 00:18:40,820
nemusíte sa už sa s tým vyrovnať.

365
00:18:40,820 --> 00:18:43,600
Oni ešte majú typy pod kapotou.

366
00:18:43,600 --> 00:18:46,780
A môžeme, v situáciách,
takto, využiť túto skutočnosť

367
00:18:46,780 --> 00:18:49,240
tým, že hovorí niečo,
Treba to, čo

368
00:18:49,240 --> 00:18:53,210
hovorí JavaScript touto
cesta, liečiť to ako celé číslo,

369
00:18:53,210 --> 00:18:57,100
nebudete liečiť ako reťazec, a to aj
aj keď sme zmiešaní reťazca

370
00:18:57,100 --> 00:18:58,940
a celé čísla tu.

371
00:18:58,940 --> 00:19:02,204
>> Je to len jedna z tých vecí,
že sa zdá, tak veľký v súvislostiach

372
00:19:02,204 --> 00:19:04,120
že nemáme na
vysporiadať sa s typmi už,

373
00:19:04,120 --> 00:19:05,828
ale niekedy budete
bežať do situácie,

374
00:19:05,828 --> 00:19:09,110
rovnako ako to, kde sa skutočnosť, že
nemáte kontrolu nad typmi

375
00:19:09,110 --> 00:19:11,220
môže zlyhať na vás
ak si nedáte pozor.

376
00:19:11,220 --> 00:19:18,285
A tak ak by sme pop späť k IDE, som
bude znovu vypratať svoju konzolu,

377
00:19:18,285 --> 00:19:20,660
a budem kliknite na reťazce
budova verzie dvoch, čo

378
00:19:20,660 --> 00:19:23,052
je miesto, kde som použiť túto funkciu parse int.

379
00:19:23,052 --> 00:19:25,260
Teraz je to vytlačenie
Informácie, ktoré som očakával.

380
00:19:25,260 --> 00:19:29,330
Pondelkové deň číslo jedna, v utorok
je deň číslo dva, a tak ďalej.

381
00:19:29,330 --> 00:19:31,170
>> Tak poďme hovoriť o funkciách znova.

382
00:19:31,170 --> 00:19:34,790
Sľúbil som, že hovoriť o anonymite
funkcie, a teraz za to kontext

383
00:19:34,790 --> 00:19:36,360
je konečne tu.

384
00:19:36,360 --> 00:19:39,980
Takže ako tak urobíme, poďme hovoriť znova
o poliach len na sekundu.

385
00:19:39,980 --> 00:19:42,120
Takže polia sú zvláštnym
Prípad objektu.

386
00:19:42,120 --> 00:19:45,180
V skutočnosti, všetko v
JavaScript je vlastne objekt.

387
00:19:45,180 --> 00:19:47,190
Takže funkcie sú
Špeciálnym prípadom objekte,

388
00:19:47,190 --> 00:19:49,770
celé čísla sú zvláštnym
Prípad objekte,

389
00:19:49,770 --> 00:19:52,152
ale pole špecificky
majú rad metód.

390
00:19:52,152 --> 00:19:55,110
Nezabudnite preto, že sú objekty,
môžu mať vlastnosti a metódy.

391
00:19:55,110 --> 00:19:58,600
Majú rad metód, ktoré
môžu byť aplikované na tieto objekty.

392
00:19:58,600 --> 00:20:01,197
K dispozícii je metóda zvaná
veľkosť, array.size,

393
00:20:01,197 --> 00:20:03,030
, Ktoré sa vrátia do
ste ako sa dalo očakávať

394
00:20:03,030 --> 00:20:05,120
počet prvkov vo vašom poli.

395
00:20:05,120 --> 00:20:08,480
Array.pop, niečo ako
Naša predstava popping off

396
00:20:08,480 --> 00:20:11,110
zo zásobníka, ak si spomínate
z nášho stohov videa,

397
00:20:11,110 --> 00:20:13,810
odstráni posledný prvok z poľa.

398
00:20:13,810 --> 00:20:17,110
Array.push pridáva nový prvok
na koniec poľa.

399
00:20:17,110 --> 00:20:20,910
array.shift je druh
ako DQ ,, spája sa

400
00:20:20,910 --> 00:20:23,610
úplne prvý prvok poľa.

401
00:20:23,610 --> 00:20:27,549
>> Ale je tu aj ďalšie špeciálne
Spôsob pole zvanej mapu.

402
00:20:27,549 --> 00:20:29,340
A to je akýsi
zaujímavý koncept.

403
00:20:29,340 --> 00:20:30,930
Takže to, čo je myšlienka na mape?

404
00:20:30,930 --> 00:20:33,880
Budete skutočne vidieť
v niekoľkých ďalších jazykoch,

405
00:20:33,880 --> 00:20:38,550
a my nehovoríme asi
druh kartografov máp tu,

406
00:20:38,550 --> 00:20:41,480
hovoríme o mapovanie funkcie.

407
00:20:41,480 --> 00:20:44,110
V súvislosti sme
tu hovoríš, mapa

408
00:20:44,110 --> 00:20:47,950
je špeciálne operácie nám
môže hrať na poli

409
00:20:47,950 --> 00:20:51,630
uplatňovať určité funkcie
na každý prvok tejto matice.

410
00:20:51,630 --> 00:20:55,190
a tak by sme povedať
tento prípad, možno array.map,

411
00:20:55,190 --> 00:21:00,330
a vo vnútri nej, sme okolo
do mapy je funkcia, ktorá chceme

412
00:21:00,330 --> 00:21:02,430
ktoré majú byť použité na každý prvok.

413
00:21:02,430 --> 00:21:07,299
Takže je to niečo analogický k používaniu
slučky pre iteráciu cez každý element

414
00:21:07,299 --> 00:21:09,340
a použiť zvláštne
fungujú tak, že každý prvok,

415
00:21:09,340 --> 00:21:14,830
Len JavaScript bol tento postavená v roku
poňatie o mapovanie, ktoré možno použiť.

416
00:21:14,830 --> 00:21:19,700
A je to skvelý kontext
hovoriť o anonymné funkcie.

417
00:21:19,700 --> 00:21:22,370
>> Takže povedzme, že máme
toto pole celých čísel.

418
00:21:22,370 --> 00:21:25,370
Hovorí sa tomu nums, a je to tu päť
veci v tom, jeden, dva, tri, štyri,

419
00:21:25,370 --> 00:21:26,410
päť.

420
00:21:26,410 --> 00:21:30,620
Teraz chcem zmapovať niektoré
funkcia na tomto poli.

421
00:21:30,620 --> 00:21:34,337
Chcem mať aplikovať funkciu
na každý prvok poľa.

422
00:21:34,337 --> 00:21:37,420
No, povedzme, že to, čo chcem
urobiť, je len dvojnásobok všetkých prvkov.

423
00:21:37,420 --> 00:21:42,520
To, čo som mohol urobiť, je len použiť slučku
pre var Aj rovná 0, I je menšia ako

424
00:21:42,520 --> 00:21:47,390
alebo sa rovná 4, I plus, plus, a
potom dvakrát každý číslo.

425
00:21:47,390 --> 00:21:49,580
Ale ja si tiež urobiť niečo také.

426
00:21:49,580 --> 00:21:53,420
Môžem povedať, nums bol predtým
jeden dva tri štyri päť,

427
00:21:53,420 --> 00:21:58,310
Teraz, aj keď by som rád, aby ste
aplikovať mapovanie na tomto poli

428
00:21:58,310 --> 00:22:00,400
kde by som rád
zdvojnásobiť každé číslo.

429
00:22:00,400 --> 00:22:02,540
A to je presne to,
čo sa tu deje.

430
00:22:02,540 --> 00:22:06,870
Ale všimnúť, čo som okolo
sa ako argument mapovať.

431
00:22:06,870 --> 00:22:09,080
Jedná sa o anonymné funkcie.

432
00:22:09,080 --> 00:22:11,140
A všimnite si ja nedal
táto funkcia meno,

433
00:22:11,140 --> 00:22:13,290
Dal som to len zoznam parametrov.

434
00:22:13,290 --> 00:22:16,370
A tak toto je príklad
z anonymný funkcie.

435
00:22:16,370 --> 00:22:21,270
>> Sme sa všeobecne nikdy nazvať
Funkcie mimo kontextu mapy.

436
00:22:21,270 --> 00:22:24,110
My ju definuje ako parameter
zmapovať, a tak sme naozaj nemám

437
00:22:24,110 --> 00:22:27,910
musí mať jeho názov v prípade, že
Jediná vec, ktorá sa stará o je mapa

438
00:22:27,910 --> 00:22:30,339
a to je definované právo
tam vnútri mapy.

439
00:22:30,339 --> 00:22:31,880
A tak to je anonymný funkcia.

440
00:22:31,880 --> 00:22:34,680
Neboli sme schopní
to urobiť skôr.

441
00:22:34,680 --> 00:22:38,400
Mapa nejakú funkciu, ktorá
prijíma jeden parameter, num,

442
00:22:38,400 --> 00:22:41,890
a čo to robí funkcie
sa vracia Num krát 2.

443
00:22:41,890 --> 00:22:45,330
A tak po tomto
mapovanie bola použitá,

444
00:22:45,330 --> 00:22:50,090
toto je teraz aké nums vzhľad
ako, dve, štyri, šesť, osem, 10.

445
00:22:50,090 --> 00:22:52,090
A budeme pop ku mne
okno prehliadača a len

446
00:22:52,090 --> 00:22:55,240
sa pozrieť na to
veľmi rýchlo tiež.

447
00:22:55,240 --> 00:22:58,000
>> Takže mám iné tlačidlo tu
v mojej domovskej stránke s názvom double.

448
00:22:58,000 --> 00:23:03,570
A keď som kliknite na double, a povie
me pred tým, ako bol jeden, dva, tri, štyri,

449
00:23:03,570 --> 00:23:07,250
Päť po dve, štyri, šesť, osem, 10.

450
00:23:07,250 --> 00:23:11,930
A keď som sa vrátiť a kliknite na double
opäť, dve, štyri, šesť, osem, 10.

451
00:23:11,930 --> 00:23:17,400
A potom po, štyri,
ôsmich, 12, 16, a potom 20.

452
00:23:17,400 --> 00:23:20,440
A čo robím v tejto funkcii?

453
00:23:20,440 --> 00:23:25,210
No, ak by sme len pop sa k IDE, a
Som vytiahnuť svoju anonymné funkcie, tu

454
00:23:25,210 --> 00:23:28,780
na linke sedem až 13, ja som
robí trochu vymysleného prácu tu,

455
00:23:28,780 --> 00:23:32,240
ale ja som jednoducho vytlačení
čo je v súčasnej dobe v poli.

456
00:23:32,240 --> 00:23:36,580
Potom sa na riadku 16, 17,
a 18, tu je moja mapa.

457
00:23:36,580 --> 00:23:40,930
To je miesto, kde som uplatňovanie tohto zdvojnásobenie
Funkcia na každý prvok.

458
00:23:40,930 --> 00:23:43,530
A potom sa trochu ďalej,
Robím len to isté

459
00:23:43,530 --> 00:23:46,640
Som robil predtým, až teraz som
vytlačenie obsah poľa

460
00:23:46,640 --> 00:23:48,167
potom.

461
00:23:48,167 --> 00:23:50,500
Ale všetko, čo som urobil, je tu
stačí použiť anonymný funkcie

462
00:23:50,500 --> 00:23:53,640
zmapovať v rámci celej poľa.

463
00:23:53,640 --> 00:23:58,466
>> Takže ešte jeden veľký tému hovoriť o v
JavaScript je poňatie o udalosti.

464
00:23:58,466 --> 00:24:01,590
Udalosť je niečo, čo sa práve deje
Keď používateľ pracuje s web

465
00:24:01,590 --> 00:24:04,715
strana, takže možno, že kliknite na niečo,
alebo možno je stránka dokončenie načítanie,

466
00:24:04,715 --> 00:24:07,200
alebo možno, že som sa sťahoval
ich myš nad niečím,

467
00:24:07,200 --> 00:24:09,290
alebo že som napísal niečo
vo vstupnom poli.

468
00:24:09,290 --> 00:24:14,260
Všetky tieto veci sú udalosti
, Ktoré sa vyskytujú na našej webovej stránke.

469
00:24:14,260 --> 00:24:17,460
A JavaScript má
schopnosť podporovať niečo,

470
00:24:17,460 --> 00:24:21,760
volal spracovanie udalosti, ktorá
je funkcia spätného volania, že

471
00:24:21,760 --> 00:24:23,329
reaguje na html udalosti.

472
00:24:23,329 --> 00:24:24,620
A čo je funkcia spätného volania?

473
00:24:24,620 --> 00:24:27,328
No, je to zvyčajne len ďalší
meno pre anonymné funkcie.

474
00:24:27,328 --> 00:24:30,170
Je to funkcia, ktorá
reaguje na udalosť.

475
00:24:30,170 --> 00:24:34,130
A to je miesto, kde sa dostávame k
Myšlienka na viazanie určité funkcie

476
00:24:34,130 --> 00:24:38,060
na konkrétne html atribútu.

477
00:24:38,060 --> 00:24:41,420
Väčšina html elementy majú
Podpora pre atribút

478
00:24:41,420 --> 00:24:45,170
že sme nemali hovoriť o v html
Video pre niečo ako na kliknutie

479
00:24:45,170 --> 00:24:50,540
alebo na zavesené alebo na zaťaženie,
všetkých týchto akciách

480
00:24:50,540 --> 00:24:53,120
ktoré potom môžete písať funkcie
ktoré sa zaoberajú týmito udalosťami

481
00:24:53,120 --> 00:24:56,090
keď tieto udalosti
sa vyskytujú na svojej webovej stránke.

482
00:24:56,090 --> 00:24:59,170
>> A tak možno vaše html
vyzerá nejako takto.

483
00:24:59,170 --> 00:25:02,240
A mám dve tlačidlá tu,
Tlačidlo jedného a tlačidlo dva,

484
00:25:02,240 --> 00:25:04,620
a tu mám v súčasnej dobe
definované nič,

485
00:25:04,620 --> 00:25:11,170
ale to je miesto, kde atribút
click je zrejme súčasťou mojej html tagu.

486
00:25:11,170 --> 00:25:15,220
Tak vraj, keď som definovať, čo je to
deje vo vnútri tohto atribútu,

487
00:25:15,220 --> 00:25:18,590
že to bude nejaký JavaScript
funkcia, ktorá reaguje na udalosti

488
00:25:18,590 --> 00:25:24,360
pravdepodobne kliknutie na
Tlačidlo jeden alebo tlačidlo dva.

489
00:25:24,360 --> 00:25:28,580
>> Čo je to celkom fajn o tom je, že sme
Môžete napísať generický obsluhu udalosti.

490
00:25:28,580 --> 00:25:32,370
A táto udalosť bude Handler
vytvoriť objekt udalosti.

491
00:25:32,370 --> 00:25:37,000
A objekt udalosti nám povie
ktorá z týchto dvoch tlačidiel klikol.

492
00:25:37,000 --> 00:25:38,064
Teraz, ako to funguje?

493
00:25:38,064 --> 00:25:39,730
No, mohlo by to vyzerať nejako takto.

494
00:25:39,730 --> 00:25:44,860
Takže sme sa najprv definovať naše tlačidiel
mať odozvu na spätné volanie

495
00:25:44,860 --> 00:25:47,470
funkcia, ktorá sa bude volať
Pri kliknutí na tlačidlo,

496
00:25:47,470 --> 00:25:49,520
zavoláme Názov zraze upozornenia.

497
00:25:49,520 --> 00:25:53,320
A všimnite si v oboch prípadoch sme
absolvovanie v tomto parametri udalosti.

498
00:25:53,320 --> 00:25:55,460
Preto nazývame túto funkciu
alebo ak je táto funkcia

499
00:25:55,460 --> 00:26:00,330
je spúšťaný udalosťou deje,
to bude k vytvoreniu tohto objektu udalosti

500
00:26:00,330 --> 00:26:03,300
a odovzdať ju ako
parameter upozorniť meno.

501
00:26:03,300 --> 00:26:07,270
A že objekt udalosti je
bude obsahovať informácie

502
00:26:07,270 --> 00:26:09,800
o tom, ktoré tlačidlo bol klepli.

503
00:26:09,800 --> 00:26:11,580
A ako to robí, že?

504
00:26:11,580 --> 00:26:13,654
No, mohlo by to vyzerať nejako takto.

505
00:26:13,654 --> 00:26:15,570
Takže teraz v mojom oddelený
Súbor JavaScript, možno som

506
00:26:15,570 --> 00:26:17,420
musieť nájsť to
Funkcia upozornenia pre názov, ktorý

507
00:26:17,420 --> 00:26:19,500
znovu uznáva, že parameter udalosti.

508
00:26:19,500 --> 00:26:24,640
A potom tu je miesto, kde som odhaľovanie
ktoré tlačidlo bola spustená,

509
00:26:24,640 --> 00:26:28,100
var spúšť rovná udalosť
bodka source element.

510
00:26:28,100 --> 00:26:33,150
Čo bolo zdrojom, ktorý vytvoril
Tento objekt udalosti, ktorý bol odovzdaný v?

511
00:26:33,150 --> 00:26:36,390
Bola to raz tlačidlo alebo je to tlačidlo dve?

512
00:26:36,390 --> 00:26:40,710
>> A potom tu všetko, čo robím, je
vytlačiť trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
No, v tomto prípade, v tomto
kontext, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
je práve to, čo je napísané na tlačidle.

515
00:26:45,940 --> 00:26:48,830
To len tak sa stane, keď skočíme
späť na sekundu, že by

516
00:26:48,830 --> 00:26:51,670
byť to, čo je medzi týmito tlačidlami značky.

517
00:26:51,670 --> 00:26:54,150
Bude to tlačidlo jednou alebo dvoma tlačidlo.

518
00:26:54,150 --> 00:26:57,320
A poďme sa pozrieť na
ako táto udalosť by handler

519
00:26:57,320 --> 00:27:01,080
pozrite sa, či sme mali to beží v praxi.

520
00:27:01,080 --> 00:27:03,850
>> Takže v prvom rade, nemáš
otvorili events.js,

521
00:27:03,850 --> 00:27:06,517
čo je súbor JavaScript, kde
Definoval som túto funkciu.

522
00:27:06,517 --> 00:27:08,558
A ako môžete vidieť, je to
skoro presne to, čo

523
00:27:08,558 --> 00:27:10,230
sme práve videli na snímke pred sekundou.

524
00:27:10,230 --> 00:27:14,890
A ja budem ísť cez do
Domovská stránka sme používali.

525
00:27:14,890 --> 00:27:17,660
A mám tu Tlačidlo
jedného a tlačidlo dva.

526
00:27:17,660 --> 00:27:19,820
A ja budem kliknite na tlačidlo jeden.

527
00:27:19,820 --> 00:27:23,930
Ste klikli na tlačidlo jedna, ak ste
môžete vidieť priamo tu v pohotovosti.

528
00:27:23,930 --> 00:27:25,810
OK.

529
00:27:25,810 --> 00:27:28,980
Kliknite na tlačidlo dva, vás
klikol na tlačidlo dve.

530
00:27:28,980 --> 00:27:32,150
>> Takže obe tlačidlá majú
Rovnaká funkcie volania, že jo?

531
00:27:32,150 --> 00:27:35,840
Obaja boli v strehu názov
udalosť, ale tento objekt udalosti

532
00:27:35,840 --> 00:27:41,900
ktorý sa vytvoril, keď klikneme na
hovorí nám, ktoré tlačidlo bol klepli.

533
00:27:41,900 --> 00:27:44,650
Nemuseli sme písať dva oddelené
funkcie alebo riešenie s

534
00:27:44,650 --> 00:27:46,470
odovzdať akékoľvek ďalšie informácie.

535
00:27:46,470 --> 00:27:48,220
Sme len spoliehať na
čo JavaScript bude

536
00:27:48,220 --> 00:27:53,772
urobiť pre nás, čo je vytvoriť, že
druh objektu udalosti v našom zastúpení.

537
00:27:53,772 --> 00:27:56,730
Je tu oveľa viac než do JavaScriptu
to, čo sme prebrali v tomto videu,

538
00:27:56,730 --> 00:27:58,521
ale s týmito
Základným by ste mali dostať

539
00:27:58,521 --> 00:28:00,690
pomerne dlhé cesty k
učenie všetko, čo budete

540
00:28:00,690 --> 00:28:04,030
potrebujete vedieť o tejto
zaujímavý jazyk.

541
00:28:04,030 --> 00:28:05,000
Som Doug Lloyd.

542
00:28:05,000 --> 00:28:07,010
To je CS50.

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