1
00:00:00,000 --> 00:00:03,840
>> [Zenelejátszási]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: Tehát most már mi vagyunk a régi
profik webes programozás, igaz?

4
00:00:08,690 --> 00:00:12,140
És már lefedett több
nyelvek egyes videók.

5
00:00:12,140 --> 00:00:14,690
És most lássuk még egy, a JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> Először a jó hír, JavaScript
egy modern programozási

7
00:00:17,370 --> 00:00:21,410
nyelven ugyanúgy, mint a PHP, amelynek
szintaxis származik C,

8
00:00:21,410 --> 00:00:22,830
Szóval ez egy jó kiindulópont lehet.

9
00:00:22,830 --> 00:00:25,880
Arról van szó, olyan régi, mint a PHP, valamint,
miután már körülbelül 20 éve.

10
00:00:25,880 --> 00:00:28,600
Azt találta körül
ugyanabban az időben, mint a PHP.

11
00:00:28,600 --> 00:00:32,240
És a JavaScript valójában elég
alapvető fontosságú a felhasználói élmény

12
00:00:32,240 --> 00:00:32,740
A web.

13
00:00:32,740 --> 00:00:34,448
Sőt, vannak
három nyelven, hogy én

14
00:00:34,448 --> 00:00:38,480
mondanám egyfajta alkotó
felhasználói élményt kölcsönható

15
00:00:38,480 --> 00:00:42,650
A honlap, html,
CSS és JavaScript.

16
00:00:42,650 --> 00:00:46,030
És így most beszéljünk egy
kicsit JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> A rossz hír, bár a JavaScript is
hogy meghatározza egy csomó szabályokat is,

18
00:00:50,301 --> 00:00:51,300
és akkor tör rájuk.

19
00:00:51,300 --> 00:00:54,010
És JavaScript is lehet
fajta kihívást tanulni,

20
00:00:54,010 --> 00:00:57,000
mert ellentétben a C és
PHP, amelyek nagyon strukturált

21
00:00:57,000 --> 00:01:00,270
és nagyon merev szabályok
A dolgok nem működnek.

22
00:01:00,270 --> 00:01:03,690
JavaScript fajtája
A ütött annyira rugalmas

23
00:01:03,690 --> 00:01:06,650
hogy talán a dolgok nem fognak
úgy működik, ahogy elvárjuk tőlük, hogy,

24
00:01:06,650 --> 00:01:09,830
és talán tényleg nem lehet tanulni
az első programozási nyelv

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

26
00:01:10,769 --> 00:01:12,810
Így talán mert nem
tűzte semmilyen szabályt,

27
00:01:12,810 --> 00:01:15,754
és ez nem igazán
érvényesíteni jó kódolási szokások.

28
00:01:15,754 --> 00:01:18,170
De most már remélhetőleg kifejlesztett
néhány jó kódolási szokások,

29
00:01:18,170 --> 00:01:21,470
és így elkezdhetjük fosztogat
a JavaScript egy kicsit.

30
00:01:21,470 --> 00:01:25,750
>> Írni JavaScript, hasonló megnyitása
egy C fájl ponttal C kiterjesztése

31
00:01:25,750 --> 00:01:29,770
vagy egy PHP fájlt egy ponttal PHP kiterjesztés,
minden meg kell tennie, hogy nyit egy fájlt

32
00:01:29,770 --> 00:01:31,764
A dot js fájl kiterjesztését.

33
00:01:31,764 --> 00:01:34,430
Nem kell semmilyen különleges
határolójelek mint mi, PHP nyelven.

34
00:01:34,430 --> 00:01:36,750
Ez a fajta szög
konzol kérdőjel PHP

35
00:01:36,750 --> 00:01:40,300
hogy mi szokva attól, hogy az út
elmondjuk mi böngésző, hogy amink van, az

36
00:01:40,300 --> 00:01:43,502
A JavaScript azáltal,
ez egy html tag,

37
00:01:43,502 --> 00:01:46,210
és majd meglátjuk, egy kicsit
hogyan kell csinálni, hogy csak egy pillanatra.

38
00:01:46,210 --> 00:01:48,210
>> A másik dolog, ami
JavaScript különböző,

39
00:01:48,210 --> 00:01:50,580
de az, hogy fut kliens oldalon.

40
00:01:50,580 --> 00:01:53,430
Szóval emlékszem, hogy a PHP
soha nem tudtuk igazán látni

41
00:01:53,430 --> 00:01:57,041
A PHP, hogy kiemelte a honlapon.

42
00:01:57,041 --> 00:01:59,040
Ha valaha is nézett a
oldal forrását, akkor csupán

43
00:01:59,040 --> 00:02:02,830
Nézd meg a HTML volt
által generált, hogy a PHP.

44
00:02:02,830 --> 00:02:04,900
De a JavaScript fut kliens oldalon.

45
00:02:04,900 --> 00:02:06,710
A JavaScript fut a számítógépen.

46
00:02:06,710 --> 00:02:09,050
És ezért meg tudod csinálni
dolgok, mint a hozzá blokkolók.

47
00:02:09,050 --> 00:02:09,550
Jobbra?

48
00:02:09,550 --> 00:02:12,704
Hirdetés blokkoló általában úgy történik,
megöli az összes JavaScript

49
00:02:12,704 --> 00:02:14,370
futó egy adott honlapon.

50
00:02:14,370 --> 00:02:19,000
És mert volna
fut a gépen kliens oldalon,

51
00:02:19,000 --> 00:02:21,910
akkor csak megáll a
JavaScript futtatására teljesen.

52
00:02:21,910 --> 00:02:27,030
Ez azt is jelenti, hogy ha használja
egy weboldal, amely tartalmazza a JavaScript,

53
00:02:27,030 --> 00:02:32,450
meg kell küldeni a JavaScript forrás
kód részeként a http válasz

54
00:02:32,450 --> 00:02:34,159
az ügyfélnek, amikor kérik.

55
00:02:34,159 --> 00:02:35,950
És így talán nem
kívánja használni a JavaScript

56
00:02:35,950 --> 00:02:38,395
hogy nem igazán érzékeny a dolgokat
mint a tompított információk

57
00:02:38,395 --> 00:02:41,020
kb felhasználók jelszavait vissza és
oda, mert ők valóban

58
00:02:41,020 --> 00:02:45,610
fog kapni az összes forráskódot,
Nem csak a html generált,

59
00:02:45,610 --> 00:02:49,030
mint például lenne a helyzet mondjuk a PHP.

60
00:02:49,030 --> 00:02:51,620
>> Szóval hogyan közé JavaScript
a HTML kezdeni?

61
00:02:51,620 --> 00:02:54,520
Nos, hasonló a CSS, valóban,
van valami, hogy hogyan csináljuk itt.

62
00:02:54,520 --> 00:02:56,190
A CSS van szerű tag.

63
00:02:56,190 --> 00:03:00,760
És belül e-szerű tag,
tudjuk meg egy CSS stíluslapot.

64
00:03:00,760 --> 00:03:03,450
Hasonlóképpen a JavaScript
tudjuk nyitni szkriptcímkéket,

65
00:03:03,450 --> 00:03:06,660
Egy másik html tag nem tettük
beszélni a HTML videó,

66
00:03:06,660 --> 00:03:09,720
és írni JavaScript
között szkriptcímkéket.

67
00:03:09,720 --> 00:03:13,960
Szintén bár, mint a CSS,
összekapcsolására a külső CSS fájlok

68
00:03:13,960 --> 00:03:15,900
és húzza őket a program, hogy így.

69
00:03:15,900 --> 00:03:18,280
A CSS mi is,
elnézést, a JavaScript

70
00:03:18,280 --> 00:03:23,240
mi is adja meg a forrás
attribútum a script tag

71
00:03:23,240 --> 00:03:25,720
összekapcsolni a JavaScript
külön, így nem

72
00:03:25,720 --> 00:03:27,680
kell írni, hogy
között script tag, akkor

73
00:03:27,680 --> 00:03:29,600
A link azt használó
hogy script tag is.

74
00:03:29,600 --> 00:03:33,230
És ahogy az a helyzet, amikor CSS
azt javasolta, hogy valószínűleg

75
00:03:33,230 --> 00:03:36,090
az Ön érdeke, hogy írjon
A CSS egy külön fájlban esetén

76
00:03:36,090 --> 00:03:38,500
meg kell változtatni,
Hasonlóan ajánljuk

77
00:03:38,500 --> 00:03:40,720
hogy írjuk meg a
JavaScript külön fájlokban

78
00:03:40,720 --> 00:03:45,460
és használja a script tag forrás
attribútum kötni a JavaScript

79
00:03:45,460 --> 00:03:49,520
a HTML, a web oldalon.

80
00:03:49,520 --> 00:03:52,610
>> Tehát a JavaScript változók, akkor
kezdeni beszélni a szintaxis itt.

81
00:03:52,610 --> 00:03:53,600
És megyünk keresztül
ez a fajta gyorsan,

82
00:03:53,600 --> 00:03:56,640
mert már megtette ezt a PHP, ezért
ez mind elég ismerős.

83
00:03:56,640 --> 00:03:59,490
Tehát változók JavaScript
nagyon hasonlít a PHP változókat.

84
00:03:59,490 --> 00:04:03,270
Nincs típusleíróval, és
Ha be egy változót,

85
00:04:03,270 --> 00:04:05,070
előtagot, hogy a var kulcsszó.

86
00:04:05,070 --> 00:04:07,750
A PHP tennénk valamit
mint ez, dollár jel x.

87
00:04:07,750 --> 00:04:09,950
Mi így megjelölt
Változó, de nem,

88
00:04:09,950 --> 00:04:12,060
Nem beszélve a típus
A változó egyáltalán.

89
00:04:12,060 --> 00:04:15,124
Mi azt mondjuk valami ilyesmit
dollár jel x = 44, PHP nyelven.

90
00:04:15,124 --> 00:04:17,040
Ha teszünk a
Ugyanez a JavaScript,

91
00:04:17,040 --> 00:04:19,589
Mi azt mondjuk var x = 44.

92
00:04:19,589 --> 00:04:22,780
Tehát var egyfajta utunkat
bevezetésének változó.

93
00:04:22,780 --> 00:04:26,850
Ez talán egy kicsit több intuitív
mint dollár jel változó.

94
00:04:26,850 --> 00:04:29,080
>> Ismét mivel nincs
adattípusok, mi is ezt

95
00:04:29,080 --> 00:04:34,490
bármilyen adattípust, vonósok,
bármi más lenne mind var.

96
00:04:34,490 --> 00:04:37,260
A feltételes, minden kedves
régi barátok a C és a PHP

97
00:04:37,260 --> 00:04:41,640
továbbra is elérhető, így van, ha,
else if, else, switch és kérdés

98
00:04:41,640 --> 00:04:42,240
mark vastagbélben.

99
00:04:42,240 --> 00:04:45,890
Kapcsoló fennmaradó olyan rugalmas, mint ez
volt a PHP, de ezek vagytok

100
00:04:45,890 --> 00:04:46,930
ismerik már.

101
00:04:46,930 --> 00:04:49,900
És hasonlóképpen hurkok
A régi kedvencek, miközben,

102
00:04:49,900 --> 00:04:52,700
do while és for még elérhető számunkra.

103
00:04:52,700 --> 00:04:55,880
Így tehát már tudjuk, hogy sok a
alapvető JavaScript fajta fundamentumok

104
00:04:55,880 --> 00:05:01,800
csupán arra hivatkozva, amelyek egy kicsit
A tudás már a C és a PHP.

105
00:05:01,800 --> 00:05:03,670
>> Mi a helyzet a funkciók JavaScript?

106
00:05:03,670 --> 00:05:08,199
Nos, hasonló a php minden funkciója
bevezette a funkciót kulcsszó.

107
00:05:08,199 --> 00:05:10,740
Azt mondod funkciót, és akkor
kezdeni, hogy meghatározza a funkció.

108
00:05:10,740 --> 00:05:12,531
Mi egy kicsit más
mintegy JavaScript,

109
00:05:12,531 --> 00:05:15,700
bár az a képesség, hogy a
az úgynevezett egy névtelen függvényt.

110
00:05:15,700 --> 00:05:18,880
Szóval lehet meghatározni funkciók
amelyek nem rendelkeznek egy név.

111
00:05:18,880 --> 00:05:21,222
Ez olyasmi, amit
tényleg nem láttam azelőtt.

112
00:05:21,222 --> 00:05:23,430
Mi lesz igazán fogalmának használatát
Egy névtelen függvényt

113
00:05:23,430 --> 00:05:27,880
egy kicsit később ebben a
videót, mert ez lesz

114
00:05:27,880 --> 00:05:31,530
hogy egy kicsit több értelme összefüggésben
amikor látjuk, hogy egy adott helyzetben

115
00:05:31,530 --> 00:05:33,120
hogy én már kialakított itt.

116
00:05:33,120 --> 00:05:35,710
De nézzük csak vess egy pillantást
hogy milyen egyszerű JavaScript

117
00:05:35,710 --> 00:05:37,850
funkciót nézhet.

118
00:05:37,850 --> 00:05:40,610
>> Szóval mentem előre, és
megnyitotta az én CS50 IDE

119
00:05:40,610 --> 00:05:43,690
és már futnak Apache
kezdeni az én szerver fut.

120
00:05:43,690 --> 00:05:46,800
És én ezt a fájlt
open nevű home.html.

121
00:05:46,800 --> 00:05:48,330
És én nagyítás egy kicsit itt.

122
00:05:48,330 --> 00:05:52,090
És alapvetően láthatod
Home.html csak egy rakás gomb.

123
00:05:52,090 --> 00:05:55,291
És én azt állítva, a tetején van
hogy ez a JavaScript szakasz

124
00:05:55,291 --> 00:05:55,790
anyagokat.

125
00:05:55,790 --> 00:05:59,490
Szóval van egy csomó gomb van,
de mit jelentenek ezek a gombok valójában?

126
00:05:59,490 --> 00:06:03,662
>> Nos, akkor menj át az én IED,
és én home.html nyitni itt.

127
00:06:03,662 --> 00:06:05,620
A legelején,
itt van, ahol én vagyok összekötő

128
00:06:05,620 --> 00:06:07,500
Minden az én JavaScript forrás fájlokat.

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

130
00:06:08,000 --> 00:06:12,440
Szóval van anonymous.js, clock.js,
Én vagyok a forrás attribútum

131
00:06:12,440 --> 00:06:14,440
A script tag összekapcsolni a fájlban.

132
00:06:14,440 --> 00:06:18,660
Szóval én nem írt
JavaScript közvetlenül a fájlba,

133
00:06:18,660 --> 00:06:21,790
de én már húzta az egész
JavaScript írtam külön-külön.

134
00:06:21,790 --> 00:06:24,540
És ha lépjünk le itt, ebben a
kell minden némiképp ismerős

135
00:06:24,540 --> 00:06:27,090
egy kicsit az új szintaxist.

136
00:06:27,090 --> 00:06:32,655
Van itt fejléccímkét
funkciókat, majd egy gombot.

137
00:06:32,655 --> 00:06:35,530
Nekem van egy bemeneti ez egyfajta gombot,
és látszólag amikor kattintson rá,

138
00:06:35,530 --> 00:06:38,130
Én fogom hívni néhány
működni riasztási időpont.

139
00:06:38,130 --> 00:06:41,792
És ez hogyan tudjuk a fajta keverjük össze
egy kicsit a JavaScript és a HTML.

140
00:06:41,792 --> 00:06:44,500
Ők valóban játszani nagyon szépen
együtt, és így látszólag amikor

141
00:06:44,500 --> 00:06:48,730
Én kattintson erre a gombra, megyek
felhívni néhány funkció a riasztási időpont.

142
00:06:48,730 --> 00:06:53,660
És hasonlóképpen tettem meghatározott viselkedések
az összes többi gomb,

143
00:06:53,660 --> 00:06:56,440
vannak, hogy home.html oldalon,
amit majd visszatérnek

144
00:06:56,440 --> 00:06:59,172
hogy során ez a videó.

145
00:06:59,172 --> 00:07:00,880
De menjünk vissza
Itt és vessen egy pillantást

146
00:07:00,880 --> 00:07:03,850
at clock.js, amely a
JavaScript fájlt, hogy én

147
00:07:03,850 --> 00:07:07,370
azt írta, hogy van ez a funkció első
megyünk megnézzük.

148
00:07:07,370 --> 00:07:11,630
Mint látható, kezdek én JavaScript
működni a kulcsszó funkciót,

149
00:07:11,630 --> 00:07:14,560
és adtam ezt a
nevet, úgy hívják riasztási időpont.

150
00:07:14,560 --> 00:07:18,710
Belsejében van, azt nyilván létre
új lokális változó nevű aktuális dátumot.

151
00:07:18,710 --> 00:07:21,500
És fogok rendelni
azonos egy új időpontot.

152
00:07:21,500 --> 00:07:24,430
És mi lehetne még egy csomó
pontosítja, mit egy dátum,

153
00:07:24,430 --> 00:07:27,060
és tényleg JavaScript annyira
nagy, hogy nem tudunk esetleg

154
00:07:27,060 --> 00:07:28,330
fedezésére mindent egy videót.

155
00:07:28,330 --> 00:07:32,220
De elég annyit mondani, ez lesz
hogy visszatérjen hozzám olyan adat, amely

156
00:07:32,220 --> 00:07:35,470
magában foglalja az aktuális dátumot és időt.

157
00:07:35,470 --> 00:07:39,100
Én tárolására, hogy egy változót, hogy én vagyok
nyilván fog figyelmeztetni aktuális dátumot.

158
00:07:39,100 --> 00:07:41,300
>> Nos, mit figyelmeztetés
aktuális dátum néz ki?

159
00:07:41,300 --> 00:07:46,460
Vessünk egy pillantást a fájl maga
Visszatekintve a böngészőablakban.

160
00:07:46,460 --> 00:07:49,551
Tehát még egyszer: ez a gomb, hogy én
lett kötve, ez a megnevezett funkciót.

161
00:07:49,551 --> 00:07:51,800
És én kattintson rá és ott
nézd, mit tett, azt riasztani.

162
00:07:51,800 --> 00:07:56,140
Ez tűnt fel ez a fajta mező,
nekem, hogy az aktuális idő, látszólag

163
00:07:56,140 --> 00:07:59,370
ez november 4 at
10:43:43 reggel.

164
00:07:59,370 --> 00:08:02,345
És ha én kattintson rá újra, most
ez néhány másodperccel később, ugye?

165
00:08:02,345 --> 00:08:03,720
Annak érdekében, hogy ez az egész függvény.

166
00:08:03,720 --> 00:08:07,670
Amikor erre a gombra kattint, akkor
felugrik egy figyelmeztető üzenetet nekem.

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

168
00:08:13,806 --> 00:08:15,690
Tehát igazából nem
Túl sok a funkciók

169
00:08:15,690 --> 00:08:19,110
amelyek eltérnek a PHP,
Csak egy kicsit új szintaxis

170
00:08:19,110 --> 00:08:22,500
hogy jön dolgozni a JavaScript.

171
00:08:22,500 --> 00:08:24,650
>> Tömbök a JavaScript
elég egyértelmű.

172
00:08:24,650 --> 00:08:27,200
Egy tömböt, akkor használd
A szögletes zárójelek szintaxis

173
00:08:27,200 --> 00:08:30,090
hogy vagyunk tisztában PHP.

174
00:08:30,090 --> 00:08:33,432
És hasonló a PHP, mi
is tudja keverni adattípusok.

175
00:08:33,432 --> 00:08:35,140
Szóval ez a tömb, mind
Ezen tömbök

176
00:08:35,140 --> 00:08:36,960
tökéletesen legitim JavaScript.

177
00:08:36,960 --> 00:08:42,500
Az egyik, hogy minden egész, és egy olyan
keveredik különböző adattípusok.

178
00:08:42,500 --> 00:08:45,020
>> Mi valami egészen más
JavaScript, igaz?

179
00:08:45,020 --> 00:08:47,020
Ez a fogalom egy tárgy.

180
00:08:47,020 --> 00:08:50,240
Így talán hallottál
objektumorientált programozás.

181
00:08:50,240 --> 00:08:53,370
Nem csinálunk egy csomó azt CS50,
de nem egy kicsit belőle

182
00:08:53,370 --> 00:08:55,670
itt összefüggésben JavaScript.

183
00:08:55,670 --> 00:08:59,100
Most a JavaScript megvan az a képessége, hogy
viselkednek, mint egy objektumorientált programozás

184
00:08:59,100 --> 00:09:02,615
nyelv, de ez önmagában nem
kizárólag egy objektum-orientált

185
00:09:02,615 --> 00:09:03,490
programozási nyelv.

186
00:09:03,490 --> 00:09:05,281
És ez megint jön
vissza miért mondtam, hogy

187
00:09:05,281 --> 00:09:10,610
lehet igazi kihívást tanulni
JavaScript, mint az első programozási

188
00:09:10,610 --> 00:09:13,890
nyelvet, mert nem
igazán illik egy adott paradigma.

189
00:09:13,890 --> 00:09:16,430
>> C másrészt egy
funkcionális programozási nyelv.

190
00:09:16,430 --> 00:09:22,270
Ha azt akarjuk, hogy függvényei
fajta a nagy főnök ember, nem?

191
00:09:22,270 --> 00:09:24,410
Ők diktálják, hogy mit
történik minden mást.

192
00:09:24,410 --> 00:09:26,600
Szeretnénk változtatni változók,
hívjuk funkciókat.

193
00:09:26,600 --> 00:09:28,220
Tesszük a dolgokat funkciókat.

194
00:09:28,220 --> 00:09:31,250
Tárgyak helyett, egy
objektum-orientált nyelv,

195
00:09:31,250 --> 00:09:35,937
objektumok egyfajta sztárja lett, és
funkciókra valamiféle másodlagos.

196
00:09:35,937 --> 00:09:38,270
De mi is egy objektum, mit
van ez a fogalom egy tárgy?

197
00:09:38,270 --> 00:09:40,880
Nos, ha ez segít, gondolj
róla levőket

198
00:09:40,880 --> 00:09:44,540
mint egy C szerkezet, vagy egy struct
hogy már értesült előtt.

199
00:09:44,540 --> 00:09:47,430
C-ben a szerkezetet tartalmaz
Számos területen,

200
00:09:47,430 --> 00:09:51,174
és talán most elkezdheti
hívni ezeket a mezőket tulajdonságait.

201
00:09:51,174 --> 00:09:53,590
De az ingatlan soha nem
állni a saját, igaz?

202
00:09:53,590 --> 00:09:56,410
Ha én meg egy szerkezetet egy autó
mint ez az alábbi két

203
00:09:56,410 --> 00:10:00,750
mezők vagy ingatlan, az egyik egy
egész évre az autó

204
00:10:00,750 --> 00:10:04,290
és a másik 10 karakter
húr a modell az autó,

205
00:10:04,290 --> 00:10:07,150
Azt lehet mondani, valami ilyesmit,
Kijelenthetem egy új változó

206
00:10:07,150 --> 00:10:10,080
típusú struct autó Herbie.

207
00:10:10,080 --> 00:10:13,730
És akkor tudok mondani valamit
mint herbie.year egyenlő 1963,

208
00:10:13,730 --> 00:10:15,850
és herbie.model egyenlő Beetle.

209
00:10:15,850 --> 00:10:17,000
Rendben.

210
00:10:17,000 --> 00:10:19,680
Én a területeken a
összefüggésben a szerkezet,

211
00:10:19,680 --> 00:10:22,290
de soha nem tudtam, csak
hogy ilyet mondjon.

212
00:10:22,290 --> 00:10:22,790
Jobbra?

213
00:10:22,790 --> 00:10:26,836
Nem tudom használni a mező nevét
független a szerkezet.

214
00:10:26,836 --> 00:10:28,210
Ez egyfajta alapvető dolog.

215
00:10:28,210 --> 00:10:32,990
>> Tehát területeken az
alapvető C szerkezetek

216
00:10:32,990 --> 00:10:39,050
nagyon hasonlóak a tulajdonságai, hogy
alapvető JavaScript objektumok.

217
00:10:39,050 --> 00:10:42,080
De mi teszi őket
különösen érdekes

218
00:10:42,080 --> 00:10:46,230
az, hogy a tárgyak is, hogy mit
nevezik módszerek, amelyek valóban

219
00:10:46,230 --> 00:10:50,730
csak egy divatos szó funkciók
együtt járnak a tárgy is.

220
00:10:50,730 --> 00:10:55,340
Szóval ez egy függvényt, amely csak akkor lehet
úgynevezett összefüggésben egy tárgy.

221
00:10:55,340 --> 00:10:59,200
Csak egy objektumot, amely meghatározta
Ezt a funkciót belsejét annak,

222
00:10:59,200 --> 00:11:02,020
ha belegondolsz egy
struct, a függvény

223
00:11:02,020 --> 00:11:05,720
határozza belül azokat, amelyek meghatározzák
kapcsoszárójele a szerkezet.

224
00:11:05,720 --> 00:11:07,980
Tehát ez csak jelent valamit
a szerkezetre.

225
00:11:07,980 --> 00:11:10,960
És ez a fajta, amit csinálunk
Itt a tárgyak és módszerek.

226
00:11:10,960 --> 00:11:13,580
Ez alapvetően, mint mi vagyunk
meghatározása, hogy a funkció

227
00:11:13,580 --> 00:11:16,670
Csak akkor van értelme a
adott objektumot, és így

228
00:11:16,670 --> 00:11:19,440
hívja, hogy egy módszer az objektum.

229
00:11:19,440 --> 00:11:23,180
És mi soha nem nevezném
működésében független az objektum,

230
00:11:23,180 --> 00:11:29,260
mint nem mondhatjuk év vagy modell
független a struktúra a C.

231
00:11:29,260 --> 00:11:32,300
>> Tehát funkcionális programozás
paradigmák kinézni.

232
00:11:32,300 --> 00:11:35,450
Funkciót, majd amikor át
az objektum paraméterként.

233
00:11:35,450 --> 00:11:38,650
Egy objektumorientált programozás
nyelv, ez a fajta kap

234
00:11:38,650 --> 00:11:43,464
tükrözött, és mi alapján gondolnánk
ez tetszik ez, object.function.

235
00:11:43,464 --> 00:11:45,380
Tehát ez a fajta, hogy pont
üzemeltető ismét utalva

236
00:11:45,380 --> 00:11:49,540
hogy ez valamiféle ingatlan
vagy attribútuma maga a tárgy.

237
00:11:49,540 --> 00:11:53,240
De ez az, amit egy tárgy
orientált programozási nyelv

238
00:11:53,240 --> 00:11:57,150
Lehet csinálni, hogy egy függvény
Felszólítom a módszert, újra, ami

239
00:11:57,150 --> 00:12:00,260
csak egy speciális szót függvényében
hogy benne rejlik, hogy egy tárgy.

240
00:12:00,260 --> 00:12:03,440
Ez az, amit, hogy
szintaktikai nézhet.

241
00:12:03,440 --> 00:12:09,360
És így fogunk kezdeni, hogy néhány,
ez összefüggésben JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Azt is gondolni egy tárgy
Valahogy úgy, mint egy asszociatív tömb,

243
00:12:12,470 --> 00:12:14,160
ami vagyunk tisztában PHP.

244
00:12:14,160 --> 00:12:17,720
Ne feledje, az asszociatív tömb lehetővé teszi,
számunkra, hogy kulcsfontosságú érték párok helyett

245
00:12:17,720 --> 00:12:23,040
annak, indexek 0, egy, kettő, három,
és így tovább, mint szoktunk, hogy honnan C

246
00:12:23,040 --> 00:12:23,940
tömbök.

247
00:12:23,940 --> 00:12:27,472
Asszociatív tömbök map
szavak, mint például a PHP-video,

248
00:12:27,472 --> 00:12:29,180
beszéltünk
fehéráru pizzák.

249
00:12:29,180 --> 00:12:31,180
És ezért kellett egy tömböt
nevű pizzák, és mi

250
00:12:31,180 --> 00:12:36,670
Volt sajt volt a legfontosabb, és 8,99 $ volt
értéket, majd paprikás volt a legfontosabb,

251
00:12:36,670 --> 00:12:39,190
$ 9.99 volt egy értéket, és így tovább.

252
00:12:39,190 --> 00:12:43,300
És így is gondolj egy
objektum fajta hasonlít egy asszociatív

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

254
00:12:43,840 --> 00:12:47,020
És így ez a szintaxis itt
hozna létre egy új objektumot

255
00:12:47,020 --> 00:12:50,950
nevű Herbie két
ingatlan belsejébe.

256
00:12:50,950 --> 00:12:57,310
Évben, ami hozzá van rendelve az értéket 1963-
és a modell, amely hozzá van rendelve a húr

257
00:12:57,310 --> 00:12:58,140
Bogár.

258
00:12:58,140 --> 00:13:01,770
>> És megemlítem, hogy én vagyok a
Egyetlen idézetek a JavaScript.

259
00:13:01,770 --> 00:13:05,570
Használhatja szimpla vagy dupla idézőjelek
ha te beszélsz szálakat.

260
00:13:05,570 --> 00:13:07,772
Ez csak a hagyományosan
a helyzet, hogy a legtöbb alkalommal

261
00:13:07,772 --> 00:13:10,230
amikor írsz JavaScript,
csak egyszerű idézőjeleket.

262
00:13:10,230 --> 00:13:15,050
De tudtam használni idézőjelek között van, és
lenne teljesen rendben is.

263
00:13:15,050 --> 00:13:17,470
>> Úgy emlékszem, hogyan
PHP mi volt ez a fogalom

264
00:13:17,470 --> 00:13:22,730
Egy minden egyes ciklus, ami lehetővé tenné számunkra,
hogy végighaladni összes fontos érték

265
00:13:22,730 --> 00:13:25,270
pár asszociatív
tömb, mert

266
00:13:25,270 --> 00:13:29,050
nem lenne ez a képesség, hogy ismételget
keresztül 0, egy, két, három, négy,

267
00:13:29,050 --> 00:13:30,710
stb?

268
00:13:30,710 --> 00:13:35,010
JavaScript valami nagyon hasonló,
de ez nem hívják az egyes hurok,

269
00:13:35,010 --> 00:13:38,960
ezt hívjuk a hurkok.

270
00:13:38,960 --> 00:13:42,890
Tehát ha azt mondanám, hogy nekem, mint
Ennek a var kulcs tárgy,

271
00:13:42,890 --> 00:13:48,670
ez a fajta hasonló mondván
Az egyes valamit valami.

272
00:13:48,670 --> 00:13:53,850
De minden, amit csinálok itt van ismételve
végig a kulcsait célom.

273
00:13:53,850 --> 00:13:56,070
És belül a göndör
nadrágtartó van, megtenném

274
00:13:56,070 --> 00:14:03,410
Használja tárgy szögletes zárójelek legfontosabb, hogy utalja
arra az értékre, hogy a legfontosabb helyen.

275
00:14:03,410 --> 00:14:05,400
>> Alternatívaként van
akár egy másik megközelítés.

276
00:14:05,400 --> 00:14:10,880
Ha én csak csak érdekel a
értékeket, azt mondhatom, a legfontosabb az objektumot,

277
00:14:10,880 --> 00:14:12,360
és csak használni kulcs belülről.

278
00:14:12,360 --> 00:14:17,240
Így var kulcs objektumot, van
használható tárgy szögletes zárójelben

279
00:14:17,240 --> 00:14:19,340
kulcs belülről a hurok.

280
00:14:19,340 --> 00:14:24,580
Var kulcsa tárgy, tudok
Csak a gombbal a cikluson belül,

281
00:14:24,580 --> 00:14:29,040
mert én csak konkrétan
beszélünk értékek vannak.

282
00:14:29,040 --> 00:14:32,630
>> Úgyhogy talán hoz
nézd meg a különbséget

283
00:14:32,630 --> 00:14:35,670
csak azért, hogy gyorsan mutassa meg
a különbség a négy

284
00:14:35,670 --> 00:14:40,730
és az a nagyon sajátos
tömb, amely már itt van, hét tömb.

285
00:14:40,730 --> 00:14:43,616
Szóval meg kell találni egy új tömböt
hogy én tele hét húrok,

286
00:14:43,616 --> 00:14:46,240
Hétfő Kedd Szerda,
Csütörtök, péntek, szombat, vasárnap.

287
00:14:46,240 --> 00:14:50,530
És azt akarom, hogy most ismételget
ezen keresztül tömb,

288
00:14:50,530 --> 00:14:53,090
kinyomtatásával bizonyos információkat.

289
00:14:53,090 --> 00:14:58,780
Ha valaki használja a számára a hurok
kinyomtatni információkat,

290
00:14:58,780 --> 00:15:00,710
mit gondolsz fogok kapni?

291
00:15:00,710 --> 00:15:01,710
Nos, vessünk egy pillantást.

292
00:15:01,710 --> 00:15:05,300
És mielőtt átugrani
az én böngésző ablakot,

293
00:15:05,300 --> 00:15:08,090
csak tudom, hogy
console.log a fajta egyik

294
00:15:08,090 --> 00:15:10,630
módja ennek a nyomtatási F JavaScript.

295
00:15:10,630 --> 00:15:12,040
De mi az a konzol?

296
00:15:12,040 --> 00:15:14,940
Nos, ez az, amit mi lesz
hogy menjen vessen egy pillantást most.

297
00:15:14,940 --> 00:15:16,850
>> OK, így vagyunk itt hátul
az én böngésző ablakot,

298
00:15:16,850 --> 00:15:19,410
és fogok nyitni
az én fejlesztői eszközöket.

299
00:15:19,410 --> 00:15:22,290
Ismét én csak üti F12
nyitni fejlesztői eszközöket.

300
00:15:22,290 --> 00:15:25,670
És észre, hogy itt a
top általam kiválasztott konzolt.

301
00:15:25,670 --> 00:15:28,480
Szóval ez a fogalom
A fejlesztői konzolt,

302
00:15:28,480 --> 00:15:30,500
és ez lehetővé teszi számunkra, hogy
nyomtassa ki információt,

303
00:15:30,500 --> 00:15:33,000
Valahogy úgy, mint a terminál, de
mint látni fogod egy kicsit később,

304
00:15:33,000 --> 00:15:37,720
mi is írja információ
hogy befolyásolja a honlapunkon.

305
00:15:37,720 --> 00:15:42,320
Megyek nagyítás egy kicsit itt,
és fogok most kattintson a teszt.

306
00:15:42,320 --> 00:15:45,230
És négy test-- nem fogok
mutassa meg a kódot, hogy most,

307
00:15:45,230 --> 00:15:47,479
de megkapod, ha
letöltheti a forráskódot, hogy

308
00:15:47,479 --> 00:15:50,380
is társítva van a video--
csak az, hogy a hurok

309
00:15:50,380 --> 00:15:52,610
hogy láttunk csak egy
második ezelőtt a dián.

310
00:15:52,610 --> 00:15:54,810
>> Szóval fogom kattintással, hogy
gombot, és ide,

311
00:15:54,810 --> 00:15:58,440
itt van, amit már kinyomtatható a
konzol, 0, egy, két, három, négy, öt,

312
00:15:58,440 --> 00:15:58,940
hat.

313
00:15:58,940 --> 00:16:02,490
Én nem információt ki kell nyomtatni
belül azokat a tömb helyeken,

314
00:16:02,490 --> 00:16:05,180
mert én egy a hurok.

315
00:16:05,180 --> 00:16:10,670
És a test belsejében a hurok, én
Csak kinyomtatható kulcs nem emel kifogást gombot.

316
00:16:10,670 --> 00:16:18,600
De ha én most egyértelmű a konzolt, és én
váltani az a vizsgálat, és a négy vizsgálati

317
00:16:18,600 --> 00:16:22,500
Azt mondom, használom a hurok
helyett, és nyomtassa ki gombot,

318
00:16:22,500 --> 00:16:28,079
ha rákattintok, hogy most kapok a
tényleges belső elemek, az én objektum

319
00:16:28,079 --> 00:16:29,120
vagy én tömb ebben az esetben.

320
00:16:29,120 --> 00:16:31,760
Saját tömb hét napjaira.

321
00:16:31,760 --> 00:16:33,480
Nyomtattam ki, hétfő
Kedd szerda.

322
00:16:33,480 --> 00:16:36,930
Szóval ez a különbség
Egy a hurok, amely kiírja

323
00:16:36,930 --> 00:16:43,410
Csak a kulcsokat, ha csak használ kulcs
belsejében a test a hurok,

324
00:16:43,410 --> 00:16:46,850
és a hurok, amely nyomatok
az értékeket, ha használni csak

325
00:16:46,850 --> 00:16:48,870
kulcs belülről a hurok teste.

326
00:16:48,870 --> 00:16:52,380
>> Rendben, hogyan tudjuk most kezd
összefűzni húrok és talán keverjük össze

327
00:16:52,380 --> 00:16:57,220
Egyes változók interpolációval
mint tudtuk csinálni PHP-ben?

328
00:16:57,220 --> 00:16:59,410
Nos, mi nagyon ismerős
ezzel a PHP.

329
00:16:59,410 --> 00:17:04,109
Ez hogyan is kellene csinálni az
dot üzemeltető összefûzését szálakat.

330
00:17:04,109 --> 00:17:06,260
A JavaScript azonban,
valójában használjuk valamit

331
00:17:06,260 --> 00:17:09,290
az úgynevezett plus üzemeltető, amely
talán még egy kicsit többet

332
00:17:09,290 --> 00:17:10,470
intuitív, ugye?

333
00:17:10,470 --> 00:17:12,609
Mi hozzá egy csomó
A húrok össze.

334
00:17:12,609 --> 00:17:14,520
Úgyhogy irány vissza
újra és látni, mi ez

335
00:17:14,520 --> 00:17:18,693
fog nyomtatni, ha azt próbáljuk ki kell nyomtatni
az összes információt a héten sor.

336
00:17:18,693 --> 00:17:20,859
Rendben, tehát alatt van
alatt szövegösszefűzés,

337
00:17:20,859 --> 00:17:24,822
Van két lehetőség, string épület
V1 majd húr épület V2.

338
00:17:24,822 --> 00:17:26,530
És majd meglátjuk, hogy miért
kell V2 a második.

339
00:17:26,530 --> 00:17:28,610
De fogok kattintson
húr épület V1, amely

340
00:17:28,610 --> 00:17:30,360
az a kód voltunk
Csak egy pillantást vetni,

341
00:17:30,360 --> 00:17:32,980
a console.log minden a pluses.

342
00:17:32,980 --> 00:17:35,910
Lássuk, ha ez a nyomatok
ki mit várunk.

343
00:17:35,910 --> 00:17:39,939
>> Hétfő nap száma 01 a héten,
Kedd nap száma 11 a héten.

344
00:17:39,939 --> 00:17:41,730
Nos, mit akartam
hogy nem volt kap

345
00:17:41,730 --> 00:17:46,280
hogy nyomtassa ki a hétfő nap száma
Egy, a kedd napon két számot.

346
00:17:46,280 --> 00:17:50,140
De úgy tűnik, mintha én lennék
Mindig nyomtat ki egyet.

347
00:17:50,140 --> 00:17:51,260
Nos, miért van ez?

348
00:17:51,260 --> 00:17:55,600
Nos, kiderült, hogy egy pillantást
meg ezt a kis kódrészletet itt.

349
00:17:55,600 --> 00:18:00,160
Figyeljük meg, hogy mi a Plusz
szereplő két különböző kontextusban.

350
00:18:00,160 --> 00:18:03,221
>> És így itt van, ahol talán a dolgok
hogy már ilyen is mondtam,

351
00:18:03,221 --> 00:18:03,970
Ó, ez olyan nagy.

352
00:18:03,970 --> 00:18:05,910
Mi nem foglalkozunk adattípusok többé.

353
00:18:05,910 --> 00:18:08,220
De itt van, ahol az a tény,
hogy elveszítjük adattípusok

354
00:18:08,220 --> 00:18:10,960
is lehet egy kicsit
A probléma számunkra.

355
00:18:10,960 --> 00:18:16,260
Most, hogy a plusz operátor arra, hogy
összefűzni húrok és Számok

356
00:18:16,260 --> 00:18:19,550
együtt, JavaScript
hogy a legjobb becslés

357
00:18:19,550 --> 00:18:22,030
hogy mit akarok vele csinálni nekem.

358
00:18:22,030 --> 00:18:23,900
És ebben az esetben, hogy kitalálta rossz.

359
00:18:23,900 --> 00:18:29,340
Ez csak összefűzött nap, ami
0, egy, két, három, négy, öt, vagy hat,

360
00:18:29,340 --> 00:18:32,060
és akkor csak összefűzött
hogy majd összefűzve egy.

361
00:18:32,060 --> 00:18:35,020
Ez valójában nem add össze őket.

362
00:18:35,020 --> 00:18:37,320
És így ezen nyelvek
PHP és JavaScript,

363
00:18:37,320 --> 00:18:39,196
hogy absztrakt re
ez a fogalom fajta,

364
00:18:39,196 --> 00:18:40,820
Önnek nem kell foglalkozni vele többé.

365
00:18:40,820 --> 00:18:43,600
Ők még mindig van típusok a motorháztető alatt.

366
00:18:43,600 --> 00:18:46,780
És mi lehet azokban a helyzetekben,
mint ez, igénybe ezt a tényt

367
00:18:46,780 --> 00:18:49,240
hogy mondok valamit
mint talán ez, amely

368
00:18:49,240 --> 00:18:53,210
azt mondja a JavaScript, a
Így kezeli ezt, mint egy egész,

369
00:18:53,210 --> 00:18:57,100
Nem kezelik, mint egy húr, akkor is,
Bár mi összekeverésével húrok

370
00:18:57,100 --> 00:18:58,940
és egész számok itt.

371
00:18:58,940 --> 00:19:02,204
>> Ez csak egyike azoknak a dolgoknak
hogy úgy tűnik, igen nagy a kontextusban

372
00:19:02,204 --> 00:19:04,120
hogy nem kell
foglalkozni típusú többé,

373
00:19:04,120 --> 00:19:05,828
de néha akkor
befut a helyzetet

374
00:19:05,828 --> 00:19:09,110
pontosan olyan, mint ez, ahol az a tény, hogy a
nincs ellenőrzés alatt típusok

375
00:19:09,110 --> 00:19:11,220
visszaüthet rád
ha nem vigyázunk.

376
00:19:11,220 --> 00:19:18,285
És így, ha a pop vissza át IDE vagyok
megy, hogy törölje el az én konzolt újra,

377
00:19:18,285 --> 00:19:20,660
és megyek kattintson húr
épület változat két, amely

378
00:19:20,660 --> 00:19:23,052
én ott is használom, hogy a szintaktikai int függvény.

379
00:19:23,052 --> 00:19:25,260
Most már kinyomtatott
információt, hogy várok.

380
00:19:25,260 --> 00:19:29,330
A hétfői nap első számú, kedd
jelentése nap száma kettő, és így tovább.

381
00:19:29,330 --> 00:19:31,170
>> Szóval beszéljünk ismét működik.

382
00:19:31,170 --> 00:19:34,790
Megígértem beszélgettünk arról, névtelen
funkciók, és most a kontextust, hogy

383
00:19:34,790 --> 00:19:36,360
végre megérkezett.

384
00:19:36,360 --> 00:19:39,980
Szóval mielőtt így teszünk, akkor beszéljünk újra
mintegy tömbök egy pillanatra.

385
00:19:39,980 --> 00:19:42,120
Tehát a tömbök egy különleges
esetén egy tárgy.

386
00:19:42,120 --> 00:19:45,180
Sőt, mindent
JavaScript valójában egy tárgy.

387
00:19:45,180 --> 00:19:47,190
Tehát funkciók egy
különleges esetben, ha egy tárgy,

388
00:19:47,190 --> 00:19:49,770
egészek egy speciális
esetén egy tárgy,

389
00:19:49,770 --> 00:19:52,152
de tömbök kifejezetten
van egy több módszer.

390
00:19:52,152 --> 00:19:55,110
Ne feledje, mert ők tárgyak,
hogy lehet tulajdonságok és módszerek.

391
00:19:55,110 --> 00:19:58,600
Ezek számos módszert, hogy
lehet alkalmazni, hogy ezek a tárgyak.

392
00:19:58,600 --> 00:20:01,197
Van egy módszer, az úgynevezett
méretű, array.size,

393
00:20:01,197 --> 00:20:03,030
amely visszatér
Ön, mint az várható

394
00:20:03,030 --> 00:20:05,120
Az elemek száma a tömbben.

395
00:20:05,120 --> 00:20:08,480
array.pop, vagyis afféle
alkotott fogalmaink leugrás

396
00:20:08,480 --> 00:20:11,110
kéményen, ha visszaemlékeztek
a mi halom video,

397
00:20:11,110 --> 00:20:13,810
eltávolítja az utolsó elemet a tömbből.

398
00:20:13,810 --> 00:20:17,110
array.push hozzáad egy új elemet
hogy a végén a tömb.

399
00:20:17,110 --> 00:20:20,910
array.shift egyfajta
mint a DQ, ez kötések ki

400
00:20:20,910 --> 00:20:23,610
A legelső eleme egy tömb.

401
00:20:23,610 --> 00:20:27,549
>> De van még egy másik különleges
módszer nevű tömbben térképet.

402
00:20:27,549 --> 00:20:29,340
És ez a fajta egy
érdekes koncepció.

403
00:20:29,340 --> 00:20:30,930
Tehát mi az ötlet egy térkép?

404
00:20:30,930 --> 00:20:33,880
Akkor valóban látni ezt
számos más nyelven,

405
00:20:33,880 --> 00:20:38,550
és mi nem beszélünk egy
fajta térképészek térkép itt,

406
00:20:38,550 --> 00:20:41,480
beszélünk térképezési funkciót.

407
00:20:41,480 --> 00:20:44,110
Összefüggésben vagyunk
beszélünk itt, térkép

408
00:20:44,110 --> 00:20:47,950
egy különleges Működésünk
végezhet tömb

409
00:20:47,950 --> 00:20:51,630
alkalmazni egy adott funkció
minden eleméhez a tömbben.

410
00:20:51,630 --> 00:20:55,190
és így mondaná
Ebben az esetben talán array.map,

411
00:20:55,190 --> 00:21:00,330
és a benne lévő, mi halad
a térképen egy olyan funkció, hogy azt akarjuk,

412
00:21:00,330 --> 00:21:02,430
kell alkalmazni minden egyes elem.

413
00:21:02,430 --> 00:21:07,299
Tehát ez a fajta analóg használatával
Egy hurok végighaladni minden eleme

414
00:21:07,299 --> 00:21:09,340
és alkalmazni egy adott
működik minden eleméhez,

415
00:21:09,340 --> 00:21:14,830
Csak a JavaScript ezt épült
Márpedig a térképészeti, hogy lehet alkalmazni.

416
00:21:14,830 --> 00:21:19,700
És ez egy nagyszerű összefüggésben
beszélni egy névtelen függvényt.

417
00:21:19,700 --> 00:21:22,370
>> Tehát mondjuk van
Ez a tömb egész számokat.

418
00:21:22,370 --> 00:21:25,370
Úgy hívják nums, és ez van öt
dolgok benne, egy, kettő, három, négy,

419
00:21:25,370 --> 00:21:26,410
öt.

420
00:21:26,410 --> 00:21:30,620
Most azt akarom, hogy feltérképezze néhány
funkciója, hogy ezt a tömböt.

421
00:21:30,620 --> 00:21:34,337
Azt szeretnénk, hogy a funkció alkalmazni
minden eleme a tömb.

422
00:21:34,337 --> 00:21:37,420
Nos, mondjuk, hogy mit akarok
tennie, csak dupla valamennyi elemét.

423
00:21:37,420 --> 00:21:42,520
Mit tehettem csak használja a hurok
var i értéke 0, I-nél kisebb

424
00:21:42,520 --> 00:21:47,390
vagy egyenlő 4, plusz, plusz, és
Akkor kétszer minden egyes számot.

425
00:21:47,390 --> 00:21:49,580
De azt is ilyesmire.

426
00:21:49,580 --> 00:21:53,420
Azt lehet mondani, nums korábban
Egy, kettő, három, négy, öt,

427
00:21:53,420 --> 00:21:58,310
Most azonban szeretném, ha a
alkalmazni feltérképezése erre tömb

428
00:21:58,310 --> 00:22:00,400
ahol szeretném, ha
megduplázódik minden számot.

429
00:22:00,400 --> 00:22:02,540
És pontosan ez az,
mi történik itt.

430
00:22:02,540 --> 00:22:06,870
De észre, amit én halad
A Azzal az érvvel, hogy feltérképezze.

431
00:22:06,870 --> 00:22:09,080
Ez egy névtelen függvényt.

432
00:22:09,080 --> 00:22:11,140
És észre nem adtam
Ez a funkció egy nevet,

433
00:22:11,140 --> 00:22:13,290
Én csak adtam azt a paraméter lista.

434
00:22:13,290 --> 00:22:16,370
És így ez egy példa
Egy névtelen függvényt.

435
00:22:16,370 --> 00:22:21,270
>> Mi általában soha nem hívja ezt
funkciója keretein kívül a térképet.

436
00:22:21,270 --> 00:22:24,110
Mi határozta meg azt a paramétert
feltérképezésére, és így nem igazán

437
00:22:24,110 --> 00:22:27,910
szükség van egy nevet, ha a
egyetlen dolog, amely törődik a térképen

438
00:22:27,910 --> 00:22:30,339
és ez határozza meg a jobb
ott belül a térképet.

439
00:22:30,339 --> 00:22:31,880
És így ez egy névtelen függvényt.

440
00:22:31,880 --> 00:22:34,680
Mi már nem voltak képesek
Ehhez korábban.

441
00:22:34,680 --> 00:22:38,400
Térkép valami funkciója, hogy
elfogadja az egyik paraméter, szám,

442
00:22:38,400 --> 00:22:41,890
és hogy ez mit függvény
A hozamok NUM alkalommal 2.

443
00:22:41,890 --> 00:22:45,330
És így, miután ezt
feltérképezése került sor,

444
00:22:45,330 --> 00:22:50,090
ez most mi nums néz
mint, kettő, négy, hat, nyolc, 10.

445
00:22:50,090 --> 00:22:52,090
És mi lesz a pop át én
böngészőablakban, és csak

446
00:22:52,090 --> 00:22:55,240
vessünk egy pillantást ezt
nagyon gyorsan is.

447
00:22:55,240 --> 00:22:58,000
>> Szóval van egy másik gomb itt
az én honlapon úgynevezett kettős.

448
00:22:58,000 --> 00:23:03,570
És amikor rákattintok kétágyas, és azt mondja
rám, mielőtt ez volt egy, két, három, négy,

449
00:23:03,570 --> 00:23:07,250
Öt követően kettő, négy, hat, nyolc, 10.

450
00:23:07,250 --> 00:23:11,930
És ha visszamegyek, és kattintson duplán
ismét, kettő, négy, hat, nyolc, 10.

451
00:23:11,930 --> 00:23:17,400
És azután, négy,
nyolc, 12, 16, majd 20.

452
00:23:17,400 --> 00:23:20,440
És mit csinálok én itt ezt a funkciót?

453
00:23:20,440 --> 00:23:25,210
Nos, ha csak a pop át IDE és
Húzom fel a névtelen függvényt, itt

454
00:23:25,210 --> 00:23:28,780
on-line hét és 13 vagyok
csinál egy kicsit hímzés van,

455
00:23:28,780 --> 00:23:32,240
de én csak kinyomtatásával
hogy pillanatnyilag mi a tömbben.

456
00:23:32,240 --> 00:23:36,580
Ezután sorban 16, 17,
és 18, ott van az én térképet.

457
00:23:36,580 --> 00:23:40,930
Ez az, ahol én alkalmazó megduplázódása
függvény minden elemét.

458
00:23:40,930 --> 00:23:43,530
És akkor egy kicsit lejjebb,
Én csak ugyanazt a dolgot

459
00:23:43,530 --> 00:23:46,640
Csinálok előbb, csak én vagyok
kinyomtatott tartalmát a tömb

460
00:23:46,640 --> 00:23:48,167
később.

461
00:23:48,167 --> 00:23:50,500
De amit tettem itt
használjunk egy névtelen függvényt

462
00:23:50,500 --> 00:23:53,640
feltérképezni az egész egy egész tömb.

463
00:23:53,640 --> 00:23:58,466
>> Tehát még egy nagy téma, hogy beszéljünk a
A JavaScript fogalma egy esemény.

464
00:23:58,466 --> 00:24:01,590
Az esemény valami, ami csak történik
ha a felhasználó kölcsönhatásba lép a web

465
00:24:01,590 --> 00:24:04,715
oldal, így lehet, hogy kattintson valamit,
vagy talán a oldal betöltődött,

466
00:24:04,715 --> 00:24:07,200
vagy lehet, hogy már átkerült
az egeret valamit,

467
00:24:07,200 --> 00:24:09,290
vagy ők már gépelt valamit
egy beviteli mezőbe.

468
00:24:09,290 --> 00:24:14,260
Mindezek a dolgok események
hogy történnek a honlapunkon.

469
00:24:14,260 --> 00:24:17,460
És JavaScript a
képes támogatni valamit

470
00:24:17,460 --> 00:24:21,760
nevű eseménykezelő, ami
az a visszahívott függvény,

471
00:24:21,760 --> 00:24:23,329
reagál egy html eseményt.

472
00:24:23,329 --> 00:24:24,620
És mi az a visszahívási funkció?

473
00:24:24,620 --> 00:24:27,328
Nos, ez általában csak egy másik
Íme egy névtelen függvényt.

474
00:24:27,328 --> 00:24:30,170
Ez egy függvényt, amely
reagál egy eseményre.

475
00:24:30,170 --> 00:24:34,130
És ez az, ahol mi jön a
ötlete kötődés bizonyos funkciók

476
00:24:34,130 --> 00:24:38,060
egy adott html attribútum.

477
00:24:38,060 --> 00:24:41,420
A legtöbb HTML elemek
támogatja egy attribútum

478
00:24:41,420 --> 00:24:45,170
hogy nem beszélhetünk a html
Videó valami ilyesmit kattintásra

479
00:24:45,170 --> 00:24:50,540
vagy hover vagy a terhelés,
mindezen események

480
00:24:50,540 --> 00:24:53,120
hogy lehet majd írni funkciók
hogy foglalkoznak azokkal események

481
00:24:53,120 --> 00:24:56,090
ha ezen események
jelenhetnek meg a weboldalt.

482
00:24:56,090 --> 00:24:59,170
>> És így talán a html
valahogy így néz ki.

483
00:24:59,170 --> 00:25:02,240
És van két gomb van,
gombot, és a gombot két,

484
00:25:02,240 --> 00:25:04,620
és itt jelenleg
meghatározott semmit,

485
00:25:04,620 --> 00:25:11,170
de ez az, ahol a attribútuma
klikk nyilvánvalóan része a html tag.

486
00:25:11,170 --> 00:25:15,220
Tehát úgy tűnik, amikor meghatározzák, mi
folyik belül az adott tulajdonság,

487
00:25:15,220 --> 00:25:18,590
ez lesz némi JavaScript
funkciót, amely választ ad az esemény

488
00:25:18,590 --> 00:25:24,360
feltehetően a kattintva
gombot, vagy a gomb kettő.

489
00:25:24,360 --> 00:25:28,580
>> Mi egyfajta hűvös erről, mi
írhatunk egy általános eseménykezelő.

490
00:25:28,580 --> 00:25:32,370
És ez az esemény felvezető
hozzon létre egy eseményt objektumot.

491
00:25:32,370 --> 00:25:37,000
És az event objektum megmondja nekünk
amely a két gomb kattintottak.

492
00:25:37,000 --> 00:25:38,064
Most hogyan működik ez?

493
00:25:38,064 --> 00:25:39,730
Nos, lehet, hogy valahogy így néz ki.

494
00:25:39,730 --> 00:25:44,860
Tehát először meghatározza a gombok
hogy a válasz a visszahívás

495
00:25:44,860 --> 00:25:47,470
funkciót, hogy fogják hívni
ha a gombra kattint,

496
00:25:47,470 --> 00:25:49,520
hívjuk esetén figyelmeztető nevét.

497
00:25:49,520 --> 00:25:53,320
És észre mindkét esetben mi vagyunk
halad ezen az eseményen paramétert.

498
00:25:53,320 --> 00:25:55,460
Így hívjuk ezt a funkciót
vagy ha ez a funkció

499
00:25:55,460 --> 00:26:00,330
váltja ki az esemény történik,
ez lesz az esemény létrehozása objektumot

500
00:26:00,330 --> 00:26:03,300
és adja át a
paraméter figyelmezteti nevét.

501
00:26:03,300 --> 00:26:07,270
És az esemény objektum
fog információt tartalmaznak

502
00:26:07,270 --> 00:26:09,800
melyről gombra kattintás.

503
00:26:09,800 --> 00:26:11,580
És hogyan csináltad?

504
00:26:11,580 --> 00:26:13,654
Nos, lehet, hogy valahogy így néz ki.

505
00:26:13,654 --> 00:26:15,570
Tehát most már az én külön
JavaScript fájl, talán

506
00:26:15,570 --> 00:26:17,420
Meg kell találnunk ezt
funkció figyelmeztető neve, amely

507
00:26:17,420 --> 00:26:19,500
ismét elfogadja az esemény paraméter.

508
00:26:19,500 --> 00:26:24,640
És akkor itt van, ahol én vagyok kimutatására
melyik gombot érkezik,

509
00:26:24,640 --> 00:26:28,100
var kiváltó esemény megegyezik
dot forrás elem.

510
00:26:28,100 --> 00:26:33,150
Mi volt a forrás, amely megteremtette
Az esemény célja, hogy fogadtak el?

511
00:26:33,150 --> 00:26:36,390
Vajon gombot egy vagy volt gombra kettő?

512
00:26:36,390 --> 00:26:40,710
>> És akkor itt van minden, amit csinálok, az
kinyomtatásával trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
Nos, ebben az esetben, ebben a
összefüggésben trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
csak, mi van írva a gombot.

515
00:26:45,940 --> 00:26:48,830
Ez csak azért történik, ha ugrunk
vissza másodjára, amely

516
00:26:48,830 --> 00:26:51,670
legyen, mi van azok között, gomb tag.

517
00:26:51,670 --> 00:26:54,150
Ez lesz a gombot egy vagy két gombot.

518
00:26:54,150 --> 00:26:57,320
És vessünk egy pillantást
hogy ez eseménykezelő lenne

519
00:26:57,320 --> 00:27:01,080
nézd, ha megvolna fut a gyakorlatban.

520
00:27:01,080 --> 00:27:03,850
>> Tehát először is, akkor már
megnyitotta events.js,

521
00:27:03,850 --> 00:27:06,517
amely a JavaScript-fájlt, ahol
Definiáltam ezt a funkciót.

522
00:27:06,517 --> 00:27:08,558
És mint látható, ez
nagyjából pontosan mit

523
00:27:08,558 --> 00:27:10,230
láttunk a dián egy másodperccel ezelőtt.

524
00:27:10,230 --> 00:27:14,890
És megyek át a
nyitólap korábban használt.

525
00:27:14,890 --> 00:27:17,660
És én itt gombot
egy és két gombot.

526
00:27:17,660 --> 00:27:19,820
És én kattints gombra egyet.

527
00:27:19,820 --> 00:27:23,930
Ön kattintott gombra egyik, ha
Láthatjuk itt a figyelmeztetés.

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

529
00:27:25,810 --> 00:27:28,980
Kattints a gombra a két, akkor
rákattintottam egy gombot kettő.

530
00:27:28,980 --> 00:27:32,150
>> Tehát mindkét gomb van
ugyanazt a funkciót döntök, ugye?

531
00:27:32,150 --> 00:27:35,840
Mindketten voltak riasztásnevet
esemény, de ez az esemény objektum

532
00:27:35,840 --> 00:27:41,900
amikor létrejön, amikor rákattintunk
azt mondja nekünk, amely gombra kattintás.

533
00:27:41,900 --> 00:27:44,650
Nem kell írni két különböző
funkciók vagy foglalkozik, amelyek

534
00:27:44,650 --> 00:27:46,470
átadni minden további információt.

535
00:27:46,470 --> 00:27:48,220
Mi csak támaszkodva
mi JavaScript

536
00:27:48,220 --> 00:27:53,772
nem értünk, ami létrehozni, hogy
fajta rendezvény célja a nevünkben.

537
00:27:53,772 --> 00:27:56,730
Van egy sokkal több, mint a JavaScript
amit mi már le ez a videó,

538
00:27:56,730 --> 00:27:58,521
de mivel ezek a
alapvető kell kapni

539
00:27:58,521 --> 00:28:00,690
elég hosszú az út
tanulási mindent fogsz

540
00:28:00,690 --> 00:28:04,030
tudni kell ezt
Érdekes nyelv.

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

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

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