1
00:00:00,000 --> 00:00:03,840
>> [Muusika mängib]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: Nii et nüüd oleme vanad
plusse on veebi programmeerimine, eks?

4
00:00:08,690 --> 00:00:12,140
Ja oleme kaetud mitme
Keelte üksikute videos.

5
00:00:12,140 --> 00:00:14,690
Ja nüüd teeme veel ühe, JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> Esimene hea uudis, JavaScript
on kaasaegne programmeerimine

7
00:00:17,370 --> 00:00:21,410
keelt palju nagu PHP, kelle
süntaksi tuletatakse C,

8
00:00:21,410 --> 00:00:22,830
nii et see on hea koht alustamiseks.

9
00:00:22,830 --> 00:00:25,880
See on umbes sama vana kui PHP, samuti,
olles olnud juba umbes 20 aastat.

10
00:00:25,880 --> 00:00:28,600
See leiutati umbes
Samal ajal kui PHP.

11
00:00:28,600 --> 00:00:32,240
Ja JavaScript on tegelikult päris
põhiline kasutaja kogemus

12
00:00:32,240 --> 00:00:32,740
veebis.

13
00:00:32,740 --> 00:00:34,448
Tegelikult on
kolmes keeles, et ma

14
00:00:34,448 --> 00:00:38,480
ütleksin omamoodi moodustavad
kasutaja kogemus suheldes

15
00:00:38,480 --> 00:00:42,650
kodulehega, html,
CSS ja JavaScript.

16
00:00:42,650 --> 00:00:46,030
Ja nii nüüd Räägime
natuke JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> Halb uudis, aga JavaScript on
et see seab palju reegleid ise,

18
00:00:50,301 --> 00:00:51,300
ja siis murrab neid.

19
00:00:51,300 --> 00:00:54,010
Ja JavaScript olla tegelikult
Selline keeruline õppida,

20
00:00:54,010 --> 00:00:57,000
sest see on erinevalt C ja
PHP, mis on väga struktureeritud

21
00:00:57,000 --> 00:01:00,270
ja on väga jäigad reeglid
kuidas asjad võivad töötada.

22
00:01:00,270 --> 00:01:03,690
JavaScript peab sellist
on saanud nii paindlik

23
00:01:03,690 --> 00:01:06,650
et äkki asjad ei kavatse
töötada, kuidas me ootame neilt,

24
00:01:06,650 --> 00:01:09,830
ja võibolla me tõesti ei saa õppida
Meie esimene programmeerimiskeel

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

26
00:01:10,769 --> 00:01:12,810
Ehk sest see ei
seadnud mingeid reegleid,

27
00:01:12,810 --> 00:01:15,754
ja see ei ole tegelikult
jõustada hea kodeerimine harjumusi.

28
00:01:15,754 --> 00:01:18,170
Aga nüüd oleme loodetavasti arenenud
häid koodis harjumuste,

29
00:01:18,170 --> 00:01:21,470
ja nii saame alustada Tuhoamisretki
arvesse JavaScript natuke.

30
00:01:21,470 --> 00:01:25,750
>> Selleks, et kirjutada JavaScript, sarnane avamine
kuni C faili dot C pikendamine

31
00:01:25,750 --> 00:01:29,770
või PHP faili dot PHP laiendus,
kõik me peame tegema, on avada faili

32
00:01:29,770 --> 00:01:31,764
dot js faili laiend.

33
00:01:31,764 --> 00:01:34,430
Me ei pea olema mingeid erilisi
piirajaid nagu me tegime PHP.

34
00:01:34,430 --> 00:01:36,750
Sedasorti nurk
sulg küsimärk PHP

35
00:01:36,750 --> 00:01:40,300
et me oleme harjunud sellest, kuidas
Me ütleme oma brauseri et mis meil on

36
00:01:40,300 --> 00:01:43,502
JavaScript on lisades
see html tag,

37
00:01:43,502 --> 00:01:46,210
ja me näeme natuke
kuidas teha vaid hetkeks.

38
00:01:46,210 --> 00:01:48,210
>> Teine asi, mis muudab
JavaScript erinevad,

39
00:01:48,210 --> 00:01:50,580
aga see, et see töötab kliendi poolel.

40
00:01:50,580 --> 00:01:53,430
Nii meenutavad PHP, et
me võiks kunagi näha

41
00:01:53,430 --> 00:01:57,041
PHP, et toonitas kodulehel.

42
00:01:57,041 --> 00:01:59,040
Kui me kunagi vaadanud
lehekülje lähtekoodi, oleksime ainult

43
00:01:59,040 --> 00:02:02,830
vaata html mis oli
loodud, et PHP.

44
00:02:02,830 --> 00:02:04,900
Aga JavaScript töötab kliendi poolel.

45
00:02:04,900 --> 00:02:06,710
Teie JavaScript jookseb arvuti.

46
00:02:06,710 --> 00:02:09,050
Ja sellepärast sa saad teha
Asjad lisada blokaatorid.

47
00:02:09,050 --> 00:02:09,550
Õigus?

48
00:02:09,550 --> 00:02:12,704
Kuulutus blokeerimine tehakse tavaliselt
tappes kõik JavaScript

49
00:02:12,704 --> 00:02:14,370
mis töötab konkreetse veebilehel.

50
00:02:14,370 --> 00:02:19,000
Ja kuna see oleks
käivitada oma masinale kliendi poolel,

51
00:02:19,000 --> 00:02:21,910
sa võid lõpetada
JavaScript töötab täiesti.

52
00:02:21,910 --> 00:02:27,030
See tähendab ka seda, et kui te kasutate
veebileht, mis sisaldab JavaScript,

53
00:02:27,030 --> 00:02:32,450
sa pead saatma JavaScript allikas
kood osana oma http vastus

54
00:02:32,450 --> 00:02:34,159
kliendile, kui nad seda soovivad.

55
00:02:34,159 --> 00:02:35,950
Ja nii sa ei pruugi
soovite kasutada JavaScript

56
00:02:35,950 --> 00:02:38,395
teha tõesti tundlikud asjad
nagu möödaminnes info

57
00:02:38,395 --> 00:02:41,020
umbes kasutajate paroolid ja tagasi
edasi, sest nad on tegelikult

58
00:02:41,020 --> 00:02:45,610
kavatse saada kõik lähtekoodi,
mitte ainult html, mis on loodud,

59
00:02:45,610 --> 00:02:49,030
nagu oleks tegu näiteks PHP.

60
00:02:49,030 --> 00:02:51,620
>> Niisiis, kuidas me hulka JavaScript
Meie html alustada?

61
00:02:51,620 --> 00:02:54,520
Noh, sarnane CSS, tegelikult,
on omamoodi kuidas me seda teeme siin.

62
00:02:54,520 --> 00:02:56,190
CSS meil stiilis sildid.

63
00:02:56,190 --> 00:03:00,760
Ja sees need stiilis sildid,
saame määrata CSS stiili lehed.

64
00:03:00,760 --> 00:03:03,450
Sarnaselt JavaScript
saame avada skripti silte

65
00:03:03,450 --> 00:03:06,660
teise html tag me ei
räägime meie html video,

66
00:03:06,660 --> 00:03:09,720
ja kirjutada JavaScript
vahel script sildid.

67
00:03:09,720 --> 00:03:13,960
Lisaks sellele, nagu CSS, me
võiks lingi väljaspool CSS faile

68
00:03:13,960 --> 00:03:15,900
ja tõmmake need meie programmi nii.

69
00:03:15,900 --> 00:03:18,280
CSS saame ka,
vabandage, JavaScript

70
00:03:18,280 --> 00:03:23,240
saame määrata ka allikas
atribuut script tag

71
00:03:23,240 --> 00:03:25,720
siduda JavaScript
eraldi, nii et teil ei ole

72
00:03:25,720 --> 00:03:27,680
pea kirjutama seda
vahel script sildid, me

73
00:03:27,680 --> 00:03:29,600
võib seostada seda kasutades
et script tag samuti.

74
00:03:29,600 --> 00:03:33,230
Ja just nagu tegu CSS kus
soovitame, et see oli ilmselt

75
00:03:33,230 --> 00:03:36,090
oma huvides kirjutada
Sinu CSS eraldi faili puhul

76
00:03:36,090 --> 00:03:38,500
sa pead seda muuta,
Samamoodi me soovitame

77
00:03:38,500 --> 00:03:40,720
et sa kirjutad oma
JavaScript eraldi failides

78
00:03:40,720 --> 00:03:45,460
ja kasutada skripti sildid allikas
atribuut siduda Teie JavaScript

79
00:03:45,460 --> 00:03:49,520
oma html, oma veebilehel.

80
00:03:49,520 --> 00:03:52,610
>> Nii JavaScript muutujaid, siis me
hakatakse rääkima süntaks siin.

81
00:03:52,610 --> 00:03:53,600
Ja me läheme läbi
Sellise kiiresti,

82
00:03:53,600 --> 00:03:56,640
sest me oleme seda teinud PHP, nii
see peaks kõik olema üsna tuttav.

83
00:03:56,640 --> 00:03:59,490
Nii muutujad JavaScript on
väga sarnane PHP muutujad.

84
00:03:59,490 --> 00:04:03,270
Pole tüübist specifier ja
kui kasutusele muutuja

85
00:04:03,270 --> 00:04:05,070
sa eesliide ta koos var märksõna.

86
00:04:05,070 --> 00:04:07,750
PHP me teeks midagi
niimoodi, dollari märk x.

87
00:04:07,750 --> 00:04:09,950
See, kuidas me märgitud
Muutuva, kuid ei, me

88
00:04:09,950 --> 00:04:12,060
ei mainita tüüp
muutuja üldse.

89
00:04:12,060 --> 00:04:15,124
Me ütleks midagi
dollari märk x võrdub 44 PHP.

90
00:04:15,124 --> 00:04:17,040
Kui me teeme
Sama asi JavaScript,

91
00:04:17,040 --> 00:04:19,589
me ütleks var x võrdub 44.

92
00:04:19,589 --> 00:04:22,780
Nii var on omamoodi meie tee
kehtestada muutuv.

93
00:04:22,780 --> 00:04:26,850
See on võib-olla natuke rohkem intuitiivne
kui lihtsalt dollari märk muutuja.

94
00:04:26,850 --> 00:04:29,080
>> Jällegi, kuna seal ei ole
andmetüübid, me võiks seda teha

95
00:04:29,080 --> 00:04:34,490
mis tahes andmete tüübi, stringid,
midagi oleksime kõik var.

96
00:04:34,490 --> 00:04:37,260
Conditionals, kõik meie
vanad sõbrad on C ja PHP

97
00:04:37,260 --> 00:04:41,640
on veel saadaval, nii et meil on, kui
muud kui mujal, lüliti ja küsimus

98
00:04:41,640 --> 00:04:42,240
märgi jämesooles.

99
00:04:42,240 --> 00:04:45,890
Switch jäädes paindlikuks, nagu see
oli PHP, kuid kõik need oled

100
00:04:45,890 --> 00:04:46,930
tuttav nüüd.

101
00:04:46,930 --> 00:04:49,900
Ja samamoodi silmad on
Vana lemmikud ajal,

102
00:04:49,900 --> 00:04:52,700
teha samal ajal, ja veel meile kättesaadav.

103
00:04:52,700 --> 00:04:55,880
Nii juba teame palju
põhilised JavaScript omamoodi põhialused

104
00:04:55,880 --> 00:05:01,800
lihtsalt alusel, millel on üsna vähe
teadmiste nüüd umbes C ja PHP.

105
00:05:01,800 --> 00:05:03,670
>> Aga funktsioone JavaScript?

106
00:05:03,670 --> 00:05:08,199
Noh, sarnane PHP iga funktsioon on
kasutusele funktsioon märksõna.

107
00:05:08,199 --> 00:05:10,740
Sa ütled funktsioon, ja siis
hakata määratlema oma funktsiooni.

108
00:05:10,740 --> 00:05:12,531
Mis on natuke erinev
umbes JavaScript,

109
00:05:12,531 --> 00:05:15,700
kuigi on võime on
mida nimetatakse anonüümne funktsioon.

110
00:05:15,700 --> 00:05:18,880
Nii saab määratleda funktsioonid
mis ei ole veel nime.

111
00:05:18,880 --> 00:05:21,222
See on midagi, mida me
tõesti ei ole näinud.

112
00:05:21,222 --> 00:05:23,430
Me tõesti kasutada mõistet
anonüümse funktsiooni

113
00:05:23,430 --> 00:05:27,880
veidi hiljem selle
video, sest see saab

114
00:05:27,880 --> 00:05:31,530
teha natuke rohkem mõistust kontekstis
kui me näeme seda eriti olukorras

115
00:05:31,530 --> 00:05:33,120
et ma olen meisterdatud siin.

116
00:05:33,120 --> 00:05:35,710
Aga võtame lihtsalt pilk
millise lihtne JavaScript

117
00:05:35,710 --> 00:05:37,850
funktsiooni tunduda.

118
00:05:37,850 --> 00:05:40,610
>> Nii et ma olen läinud edasi ja
avas oma CS50 IDE

119
00:05:40,610 --> 00:05:43,690
ja ma olen juba käivitada Apache
alustada oma serveris.

120
00:05:43,690 --> 00:05:46,800
Ja mul on selle faili
open nimetatakse home.html.

121
00:05:46,800 --> 00:05:48,330
Ja ma suumida natuke siin.

122
00:05:48,330 --> 00:05:52,090
Ja põhimõtteliselt, näete
Home.html on lihtsalt hunnik nuppe.

123
00:05:52,090 --> 00:05:55,291
Ja ma väidan, ülaosas siin
et see on JavaScript osa

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

125
00:05:55,790 --> 00:05:59,490
Nii et hunnik nuppe siin
aga mida need nupud teevad?

126
00:05:59,490 --> 00:06:03,662
>> Noh, me pea üle mu IED,
ja ma olen home.html avada siin.

127
00:06:03,662 --> 00:06:05,620
Alguses,
siin, kus ma ühendab

128
00:06:05,620 --> 00:06:07,500
kõik mu JavaScript allikas faile.

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

130
00:06:08,000 --> 00:06:12,440
Nii et mul on anonymous.js, clock.js,
Ma kasutan allikas atribuut

131
00:06:12,440 --> 00:06:14,440
script tag siduda faili.

132
00:06:14,440 --> 00:06:18,660
Nii et ma ei ole kirjutatud ühegi
JavaScript otse seda pilti,

133
00:06:18,660 --> 00:06:21,790
aga ma olen tõmmatakse kõik
JavaScript olen kirjutanud eraldi.

134
00:06:21,790 --> 00:06:24,540
Ja kui me keri siin, see
peaks kõik näevad mõnevõrra tuttav

135
00:06:24,540 --> 00:06:27,090
natuke uute süntaks.

136
00:06:27,090 --> 00:06:32,655
Meil on siin header tag jaoks
funktsioone ja seejärel nuppu.

137
00:06:32,655 --> 00:06:35,530
Mul on sisend, mis on tüüpi nuppu,
ja ilmselt kui ma vajutan seda,

138
00:06:35,530 --> 00:06:38,130
Ma kutsun mõned
toimida alert kuupäeva.

139
00:06:38,130 --> 00:06:41,792
Ja see, kuidas me saame omamoodi sassi
natuke JavaScript ja HTML.

140
00:06:41,792 --> 00:06:44,500
Nad tegelikult mängida päris kenasti
kokku, ja nii ilmselt, kui

141
00:06:44,500 --> 00:06:48,730
Ma vajutan seda nuppu, et ma lähen
helistada mõne funktsiooni alert kuupäeva.

142
00:06:48,730 --> 00:06:53,660
Ja samamoodi on määratletud I käitumist
Kõigi teiste nuppudega, et

143
00:06:53,660 --> 00:06:56,440
on sel home.html lehel
mis me hoiame tagasi

144
00:06:56,440 --> 00:06:59,172
to käigus selle video.

145
00:06:59,172 --> 00:07:00,880
Aga lähme tagasi üles
siin ja tutvu

146
00:07:00,880 --> 00:07:03,850
at clock.js, mis on
JavaScript fail, mis ma

147
00:07:03,850 --> 00:07:07,370
kirjutas, et on see esimene funktsioon
me ei kavatse võtta pilk.

148
00:07:07,370 --> 00:07:11,630
Nagu näete, ma hakkan minu JavaScript
funktsiooni märksõna funktsiooni,

149
00:07:11,630 --> 00:07:14,560
ja ma olen andnud selleks siis
nimi, seda nimetatakse alert kuupäeva.

150
00:07:14,560 --> 00:07:18,710
Toas on olemas, ma ilmselt luua
uus kohalik muutuja nimega tänane kuupäev.

151
00:07:18,710 --> 00:07:21,500
Ja ma lähen määrata
võrdne uue kuupäeva.

152
00:07:21,500 --> 00:07:24,430
Ja me võiksime sattuda palju
üksikasjalikult, milline kuupäev on

153
00:07:24,430 --> 00:07:27,060
ja tõesti JavaScript on nii
suur, et me ei saa kuidagi

154
00:07:27,060 --> 00:07:28,330
katta kõik ühte video.

155
00:07:28,330 --> 00:07:32,220
Aga piisab, kui öelda, et see saab
tagasi mulle andmebaasi objekt,

156
00:07:32,220 --> 00:07:35,470
kapseloi praeguse kuupäeva ja kellaaja.

157
00:07:35,470 --> 00:07:39,100
Ma salvestamiseks, et muutuja, mis ma olen
ilmselt läheb hoiatada tänane kuupäev.

158
00:07:39,100 --> 00:07:41,300
>> Noh, mis teeb hoiatuse
Praeguse kuupäeva nägema?

159
00:07:41,300 --> 00:07:46,460
Võtame pilk faili ise
tagasi üle brauseriaknas.

160
00:07:46,460 --> 00:07:49,551
Nii jälle, see on nupp, mis ma
on seotud, seda nimetatakse funktsiooni.

161
00:07:49,551 --> 00:07:51,800
Ja ma vajutan seda seal ja
vaadake, mis ta tegi, ta hoiatas.

162
00:07:51,800 --> 00:07:56,140
See hüppasid üles sellist kasti ütlen
mulle, et praegune aeg on ilmselt

163
00:07:56,140 --> 00:07:59,370
see on 4. november kell
10:43:43 hommikul.

164
00:07:59,370 --> 00:08:02,345
Ja kui ma vajutan seda uuesti, nüüd
see paar sekundit hiljem, eks?

165
00:08:02,345 --> 00:08:03,720
Nii et kõik see funktsioon teeb.

166
00:08:03,720 --> 00:08:07,670
Kui ma vajutan seda nuppu, et
hüppab hoiatusteade mulle.

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

168
00:08:13,806 --> 00:08:15,690
Nii et tegelikult ei ole
liiga palju funktsioone

169
00:08:15,690 --> 00:08:19,110
see erineb PHP,
natuke uute süntaks

170
00:08:19,110 --> 00:08:22,500
mis on koos töötavad JavaScript.

171
00:08:22,500 --> 00:08:24,650
>> Massiivid JavaScript on
üsna lihtne.

172
00:08:24,650 --> 00:08:27,200
Tunnistada massiivi, mida kasutate
nurksulgudes süntaks

173
00:08:27,200 --> 00:08:30,090
et me oleme tuttavad PHP.

174
00:08:30,090 --> 00:08:33,432
Ja sarnane PHP, me
Samuti võib segada andmetüüpe.

175
00:08:33,432 --> 00:08:35,140
Nii et see massiiv, nii
Nende massiivid oleks

176
00:08:35,140 --> 00:08:36,960
täiesti õigustatud JavaScript.

177
00:08:36,960 --> 00:08:42,500
Üks, mis on kõik täisarvud, ja üks, mis
segatakse kuni Eri andmetüüpide.

178
00:08:42,500 --> 00:08:45,020
>> Mis on midagi väga erinevad
JavaScript küll?

179
00:08:45,020 --> 00:08:47,020
See mõiste objekti.

180
00:08:47,020 --> 00:08:50,240
Nii et ehk olete kuulnud
objektorienteeritud programmeerimine.

181
00:08:50,240 --> 00:08:53,370
Me ei tee palju see CS50,
aga teeme natuke seda

182
00:08:53,370 --> 00:08:55,670
siin kontekstis JavaScript.

183
00:08:55,670 --> 00:08:59,100
Nüüd JavaScript on võimeline
käituvad nagu objektorienteeritud programmeerimine

184
00:08:59,100 --> 00:09:02,615
keele, kuid see ei ole iseenesest
ainult objektorienteeritud

185
00:09:02,615 --> 00:09:03,490
programmeerimiskeelt.

186
00:09:03,490 --> 00:09:05,281
Ja see tuleb jälle
tagasi miks ma ütlesin, see

187
00:09:05,281 --> 00:09:10,610
võib olla väga raske õppida
JavaScript oma esimese programmeerimine

188
00:09:10,610 --> 00:09:13,890
keele, sest see ei
tõesti sobiks konkreetse paradigma.

189
00:09:13,890 --> 00:09:16,430
>> C teisalt on
funktsionaalne programmeerimiskeel.

190
00:09:16,430 --> 00:09:22,270
Kui me tahame, funktsioonid
omamoodi suur boss mees, eks?

191
00:09:22,270 --> 00:09:24,410
Nad dikteerida, mida
juhtub kõike muud.

192
00:09:24,410 --> 00:09:26,600
Me tahame muuta muutujaid,
Me nimetame funktsioone.

193
00:09:26,600 --> 00:09:28,220
Me teeme asju funktsioone.

194
00:09:28,220 --> 00:09:31,250
Objektid asemel, mõnes
objektorienteeritud keel,

195
00:09:31,250 --> 00:09:35,937
objekte omamoodi saada star ja
funktsioonid muutunud omamoodi teisejärguline.

196
00:09:35,937 --> 00:09:38,270
Aga mis on objekt, mida
Arusaamine objekti?

197
00:09:38,270 --> 00:09:40,880
Noh, kui see aitab, arvan
umbes seda enne sorteeri

198
00:09:40,880 --> 00:09:44,540
ja nagu C struktuuri või struct
et me oleme õppinud varem.

199
00:09:44,540 --> 00:09:47,430
In C, struktuur sisaldab
mitmes valdkonnas,

200
00:09:47,430 --> 00:09:51,174
ja äkki me nüüd võib hakata
nimetame neid valdkondi omadused.

201
00:09:51,174 --> 00:09:53,590
Kuid omadused kunagi
seista oma, eks?

202
00:09:53,590 --> 00:09:56,410
Kui ma määratleda struktuuri auto
niimoodi kahest järgmisest

203
00:09:56,410 --> 00:10:00,750
valdkonnas või omadusi, üks AN
täisarv aasta auto

204
00:10:00,750 --> 00:10:04,290
ja teine ​​10 tegelane
string mudeli auto,

205
00:10:04,290 --> 00:10:07,150
Ma ei saa öelda midagi sellist,
Võin tunnistada uue muutuja

206
00:10:07,150 --> 00:10:10,080
tüüpi struktuure auto Herbie.

207
00:10:10,080 --> 00:10:13,730
Ja siis ma ei ütle midagi
nagu herbie.year võrdub 1963,

208
00:10:13,730 --> 00:10:15,850
ja herbie.model võrdub Beetle.

209
00:10:15,850 --> 00:10:17,000
See on OK.

210
00:10:17,000 --> 00:10:19,680
Ma kasutan väljad
kontekstis struktuuri,

211
00:10:19,680 --> 00:10:22,290
aga ma ei saa kunagi lihtsalt
öelda midagi sellist.

212
00:10:22,290 --> 00:10:22,790
Õigus?

213
00:10:22,790 --> 00:10:26,836
Ma ei saa välja nime
sõltumatu struktuuri.

214
00:10:26,836 --> 00:10:28,210
See on omamoodi oluline asi.

215
00:10:28,210 --> 00:10:32,990
>> Nii väljad on
põhiline C struktuurid

216
00:10:32,990 --> 00:10:39,050
on väga sarnased omadused olles
põhiline JavaScript objekte.

217
00:10:39,050 --> 00:10:42,080
Aga mida teeb neid
Eriti huvitav

218
00:10:42,080 --> 00:10:46,230
on see, et objektid võivad olla ka see, mida
nimetatakse meetodeid, mis on tõesti

219
00:10:46,230 --> 00:10:50,730
lihtsalt väljamõeldud sõna funktsioonid
on omane objekt samuti.

220
00:10:50,730 --> 00:10:55,340
Nii et see on funktsioon, mis saab olla ainult
nimetatakse kontekstis objekti.

221
00:10:55,340 --> 00:10:59,200
Ainult objekt, mis on määratletud
Selle funktsiooni sees oma,

222
00:10:59,200 --> 00:11:02,020
kui sa arvad
struct, funktsioon

223
00:11:02,020 --> 00:11:05,720
määratletakse sees need määratlevad
looksulg struktuuri.

224
00:11:05,720 --> 00:11:07,980
Nii et see tähendab ainult midagi
struktuurile.

225
00:11:07,980 --> 00:11:10,960
Ja see on omamoodi mida me teeme
siin objektid ja meetodid.

226
00:11:10,960 --> 00:11:13,580
See on põhimõtteliselt nagu me oleme
määratleda funktsiooni

227
00:11:13,580 --> 00:11:16,670
mõttekas ainult kohta
konkreetse objekti, ja nii me

228
00:11:16,670 --> 00:11:19,440
sea ​​seda meetodit objekti.

229
00:11:19,440 --> 00:11:23,180
Ja me ei saa kunagi helistada, et
töös sõltumatu objekti,

230
00:11:23,180 --> 00:11:29,260
nagu me ei saa öelda, aasta või mudeli järgi
sõltumatu struct in C.

231
00:11:29,260 --> 00:11:32,300
>> Nii funktsionaalne programmeerimine
paradigmad nägema midagi sellist.

232
00:11:32,300 --> 00:11:35,450
Funktsioon ja siis, kui te kaotate
objektis parameetrina.

233
00:11:35,450 --> 00:11:38,650
Objektorienteeritud programmeerimine
keeles, selline saab

234
00:11:38,650 --> 00:11:43,464
keerata, ja me mõtleme
seda niimoodi, object.function.

235
00:11:43,464 --> 00:11:45,380
Nii see omamoodi et dot
operaator jälle tähendab

236
00:11:45,380 --> 00:11:49,540
et see on mingi omadus
või atribuut objekt ise.

237
00:11:49,540 --> 00:11:53,240
Aga see, mida objekt
orienteeritud programmeerimiskeel

238
00:11:53,240 --> 00:11:57,150
võiks teha, et funktsioon
kutsuda meetod, jälle, mis

239
00:11:57,150 --> 00:12:00,260
on lihtsalt eriline sõna funktsioon
mis on omane objekt.

240
00:12:00,260 --> 00:12:03,440
See on see, mida see
süntaks tunduda.

241
00:12:03,440 --> 00:12:09,360
Ja nii me hakkame nägema mõned
Käesoleva kontekstis JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Võite mõelda objekti
omamoodi nagu assotsiatiivne massiiv,

243
00:12:12,470 --> 00:12:14,160
mis me oleme tuttavad PHP.

244
00:12:14,160 --> 00:12:17,720
Pea meeles, assotsiatiivne massiiv võimaldab
meil põhiväärtus paari asemel

245
00:12:17,720 --> 00:12:23,040
millel indeksid 0, üks, kaks, kolm,
ja nii edasi, nagu oleme harjunud C

246
00:12:23,040 --> 00:12:23,940
massiivid.

247
00:12:23,940 --> 00:12:27,472
Associative massiivid saab map
sõnad, näiteks PHP video,

248
00:12:27,472 --> 00:12:29,180
me rääkisime
toppings kohta pitsad.

249
00:12:29,180 --> 00:12:31,180
Ja nii oli meil hulgaliselt
nimetatakse pitsad, ja me

250
00:12:31,180 --> 00:12:36,670
oli juust oli oluline ja $ 8,99 oli
väärtus ja seejärel pepperoni oli oluline,

251
00:12:36,670 --> 00:12:39,190
$ 9,99 oli väärtus, ja nii edasi.

252
00:12:39,190 --> 00:12:43,300
Ja nii me ka mõelda umbes
vastuväiteid mingi sarnane assotsiatiivne

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

254
00:12:43,840 --> 00:12:47,020
Ja nii see süntaks siin
looks uue objekti

255
00:12:47,020 --> 00:12:50,950
nimetatakse Herbie kahe
omadused sees on.

256
00:12:50,950 --> 00:12:57,310
Aasta, mis on määratud väärtus 1963
ja mudel, millele on määratud stringi

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

258
00:12:58,140 --> 00:13:01,770
>> Ja märkate siin, et ma kasutan
ülakoma JavaScript.

259
00:13:01,770 --> 00:13:05,570
Te võite kasutada ühte või jutumärkide
kui sa räägid stringid.

260
00:13:05,570 --> 00:13:07,772
See on lihtsalt tavapäraselt
Juhul, kui enamik korda

261
00:13:07,772 --> 00:13:10,230
kui olete kirjalikult JavaScript,
sa lihtsalt kasutada ülakoma.

262
00:13:10,230 --> 00:13:15,050
Aga ma võiks kasutada jutumärkides siin, ja
et oleks täiesti trahvi ka.

263
00:13:15,050 --> 00:13:17,470
>> Seega pidage meeles, kuidas
PHP pidime seda mõistet

264
00:13:17,470 --> 00:13:22,730
on iga silmus, mis võimaldaks meil
itereerima üle kogu põhiväärtus

265
00:13:22,730 --> 00:13:25,270
paari assotsiatiivne
massiiv, sest me

266
00:13:25,270 --> 00:13:29,050
ei ole seda võimet itereerima
kaudu 0, üks, kaks, kolm, neli,

267
00:13:29,050 --> 00:13:30,710
ja nii edasi?

268
00:13:30,710 --> 00:13:35,010
JavaScript on midagi väga sarnast,
Aga see ei ole nn iga loop,

269
00:13:35,010 --> 00:13:38,960
seda nimetatakse nähtud silmad.

270
00:13:38,960 --> 00:13:42,890
Nii et kui ma ütlesin, et mulle meeldib
see, et var võti objekti,

271
00:13:42,890 --> 00:13:48,670
see on omamoodi sarnane öeldes
Iga midagi midagi.

272
00:13:48,670 --> 00:13:53,850
Aga ma siin teen on iterating
läbi kõik võtmed minu esemega.

273
00:13:53,850 --> 00:13:56,070
Ja sees lokkis
traksid olemas, oleksin

274
00:13:56,070 --> 00:14:03,410
kasutada objekti nurksulgudes võti viidata
väärtuse juures, et võti asukohta.

275
00:14:03,410 --> 00:14:05,400
>> Teise seal
isegi teistsugust lähenemist.

276
00:14:05,400 --> 00:14:10,880
Kui ma ainult hoolid
väärtused, võin öelda, et võti objekti,

277
00:14:10,880 --> 00:14:12,360
ja lihtsalt kasutada võti sees.

278
00:14:12,360 --> 00:14:17,240
Nii var võti objekti, mul on
kasutada objekti nurksulgudes

279
00:14:17,240 --> 00:14:19,340
võti sees silmus.

280
00:14:19,340 --> 00:14:24,580
Juba var võti objekti, suudan
lihtsalt kasutada võti sees silmus,

281
00:14:24,580 --> 00:14:29,040
sest ma olen lihtsalt konkreetselt
Rääkides väärtustest seal.

282
00:14:29,040 --> 00:14:32,630
>> Nii saab ehk võtta
vaadata vahe

283
00:14:32,630 --> 00:14:35,670
lihtsalt kiiresti näitan sulle
vahe nelja

284
00:14:35,670 --> 00:14:40,730
in ning of väga spetsiifilise
massiiv, mis meil siin on, nädal massiivi.

285
00:14:40,730 --> 00:14:43,616
Nii et ma pean leidma uue massiivi
et ma täis seitse stringid,

286
00:14:43,616 --> 00:14:46,240
Esmaspäev, teisipäev, kolmapäev,
Neljapäev, reede, laupäev, pühapäev.

287
00:14:46,240 --> 00:14:50,530
Ja ma tahan nüüd itereerima
läbi selle massiiv,

288
00:14:50,530 --> 00:14:53,090
väljatrükk teatud informatsiooni.

289
00:14:53,090 --> 00:14:58,780
Kui ma kasutan nähtud loop
välja trükkida andmeid,

290
00:14:58,780 --> 00:15:00,710
Mis sa arvad, et ma lähen?

291
00:15:00,710 --> 00:15:01,710
Noh, võtame pilk.

292
00:15:01,710 --> 00:15:05,300
Ja enne kui me üle hüpata
minu brauseri aknas

293
00:15:05,300 --> 00:15:08,090
lihtsalt tean, et
console.log on omamoodi üks

294
00:15:08,090 --> 00:15:10,630
viisiks prindi F JavaScript.

295
00:15:10,630 --> 00:15:12,040
Aga milline on konsool?

296
00:15:12,040 --> 00:15:14,940
Noh, see on see, mida me kavatseme
minna, kui heita pilk kohe.

297
00:15:14,940 --> 00:15:16,850
>> OK, nii et me oleme siia tagasi
minu brauseri aknas

298
00:15:16,850 --> 00:15:19,410
ja ma lähen avada
up my arendaja tööriistad.

299
00:15:19,410 --> 00:15:22,290
Jällegi, ma lihtsalt lööb F12
avada arendaja tööriistad.

300
00:15:22,290 --> 00:15:25,670
Ja märkad, et siin on
top olen valinud konsooli.

301
00:15:25,670 --> 00:15:28,480
Nii et see on mõiste
arendaja konsooli,

302
00:15:28,480 --> 00:15:30,500
ja see annab meile võimaluse
prindi info välja,

303
00:15:30,500 --> 00:15:33,000
omamoodi nagu terminal, kuid
nagu näete natuke hiljem,

304
00:15:33,000 --> 00:15:37,720
saame ka kirjutada info
suhelda meie veebilehte.

305
00:15:37,720 --> 00:15:42,320
Ma lähen suumida natuke siin,
ja ma hakkan nüüd kliki nähtud test.

306
00:15:42,320 --> 00:15:45,230
Ja neli test-- Ma ei hakka
näitan sulle koodi just nüüd,

307
00:15:45,230 --> 00:15:47,479
aga sa saad, kui sa
lae lähtekoodi, et

308
00:15:47,479 --> 00:15:50,380
seostatakse seda video--
on lihtsalt, et silmus

309
00:15:50,380 --> 00:15:52,610
me nägime vaid
Teises tagasi slaidile.

310
00:15:52,610 --> 00:15:54,810
>> Nii et ma hakkan kliki, et
nuppu, ja siin,

311
00:15:54,810 --> 00:15:58,440
Siin on, mida on trükitud läbi
konsool, 0, üks, kaks, kolm, neli, viis,

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

313
00:15:58,940 --> 00:16:02,490
Ma ei trükkima andmed
sees need massiivi kohtades,

314
00:16:02,490 --> 00:16:05,180
sest ma kasutasin jaoks silmus.

315
00:16:05,180 --> 00:16:10,670
Ja keha sees silmus, ma
lihtsalt välja printida võti ole vastu võti.

316
00:16:10,670 --> 00:16:18,600
Aga kui ma nüüd kustutan oma konsooli, ja ma
lülituda jaoks test, ja neli katset

317
00:16:18,600 --> 00:16:22,500
Ma ütlen ma kasutada aasa
asemel ja välja printida võti,

318
00:16:22,500 --> 00:16:28,079
Kui ma vajutan, et nüüd ma saan
tegelik elemendid sees minu objekt

319
00:16:28,079 --> 00:16:29,120
või minu rida sellisel juhul.

320
00:16:29,120 --> 00:16:31,760
Minu massiivi nädalapäevad.

321
00:16:31,760 --> 00:16:33,480
Ma trükkida esmaspäev
Teisipäev, kolmapäev.

322
00:16:33,480 --> 00:16:36,930
Nii et see vahe
A silmus, mis prindib välja

323
00:16:36,930 --> 00:16:43,410
lihtsalt võtmed kui sa lihtsalt kasutada võtit
korpuse sees silmus,

324
00:16:43,410 --> 00:16:46,850
ja jaoks silmus, mis prindib
välja väärtused, kui te kasutate ainult

325
00:16:46,850 --> 00:16:48,870
võti kehas silmus.

326
00:16:48,870 --> 00:16:52,380
>> Olgu, kuidas me nüüd hakkame
concatenate stringid ja võibolla segatakse

327
00:16:52,380 --> 00:16:57,220
mõned muutujad interpoleerimist
nagu suutsime teha PHP?

328
00:16:57,220 --> 00:16:59,410
Noh, me oleme päris tuttav
Selle PHP.

329
00:16:59,410 --> 00:17:04,109
See, kuidas me seda kasutada
dot operaatori concatenate stringid.

330
00:17:04,109 --> 00:17:06,260
In JavaScript, aga
me tegelikult kasutada midagi

331
00:17:06,260 --> 00:17:09,290
nimetatakse pluss operaator, mis
on võibolla isegi natuke rohkem

332
00:17:09,290 --> 00:17:10,470
intuitiivne, eks?

333
00:17:10,470 --> 00:17:12,609
Lisame kamp
stringid koos.

334
00:17:12,609 --> 00:17:14,520
Nii saab pea tagasi
üle ja näha, mida see

335
00:17:14,520 --> 00:17:18,693
trükib kui me üritame välja printida
kogu teave nädalal massiivi.

336
00:17:18,693 --> 00:17:20,859
Olgu, nii siin all
all stringi liitmise tehe,

337
00:17:20,859 --> 00:17:24,822
Mul on kaks võimalust, string hoone
V1 ja siis string hoone V2.

338
00:17:24,822 --> 00:17:26,530
Ja me näeme, miks me
vaja V2 teise.

339
00:17:26,530 --> 00:17:28,610
Aga ma hakkan klikkima
string hoone V1, mis

340
00:17:28,610 --> 00:17:30,360
on kood olime
lihtsalt võttes pilk,

341
00:17:30,360 --> 00:17:32,980
console.log kõik plussid.

342
00:17:32,980 --> 00:17:35,910
Vaatame, kas see prindib
välja, mida me ootame.

343
00:17:35,910 --> 00:17:39,939
>> Esmaspäev on päev number 01 nädala,
Teisipäev on päev number 11 nädala.

344
00:17:39,939 --> 00:17:41,730
Noh, mida ma üritasin
teha oli saada

345
00:17:41,730 --> 00:17:46,280
see välja printida esmaspäev on päev number
üks, teisipäev on päev number kaks.

346
00:17:46,280 --> 00:17:50,140
Aga tundub, et ma olen
alati välja trükkida üks.

347
00:17:50,140 --> 00:17:51,260
Noh, miks see nii on?

348
00:17:51,260 --> 00:17:55,600
Noh, selgub, võtta teise ilme
sel vähe koodilõige siin.

349
00:17:55,600 --> 00:18:00,160
Pange tähele, et me kasutame pluss
operaator kahes erinevas kontekstis.

350
00:18:00,160 --> 00:18:03,221
>> Ja nii siin, kus äkki asjad
et me oleme omamoodi öelnud,

351
00:18:03,221 --> 00:18:03,970
oh, see on nii suur.

352
00:18:03,970 --> 00:18:05,910
Me ei tegele andmetüübid enam.

353
00:18:05,910 --> 00:18:08,220
Aga siin, kus asjaolu,
et me kaotame andmetüübid

354
00:18:08,220 --> 00:18:10,960
võib tegelikult olla natuke
on meie jaoks probleem.

355
00:18:10,960 --> 00:18:16,260
Nüüd, pluss operaator kasutatakse
concatenate stringid ja lisada numbrid

356
00:18:16,260 --> 00:18:19,550
kokku JavaScript peab
teha oma parim oletus

357
00:18:19,550 --> 00:18:22,030
et mida ma tahan seda teha minu jaoks.

358
00:18:22,030 --> 00:18:23,900
Ja sel juhul, see arvasid valesti.

359
00:18:23,900 --> 00:18:29,340
See lihtsalt liitsõnumite päev, mis oleks
0, üks, kaks, kolm, neli, viis või kuus,

360
00:18:29,340 --> 00:18:32,060
ja siis lihtsalt konkateneeriti
et siis märge on üks.

361
00:18:32,060 --> 00:18:35,020
See tegelikult ei lisa neid koos.

362
00:18:35,020 --> 00:18:37,320
Ja nii need keeled,
PHP ja JavaScript,

363
00:18:37,320 --> 00:18:39,196
mis imab ära
Selle mõiste tüüpi,

364
00:18:39,196 --> 00:18:40,820
sa ei pea tegelema enam.

365
00:18:40,820 --> 00:18:43,600
Nad on veel tüüpe kapoti alla.

366
00:18:43,600 --> 00:18:46,780
Ja saame olukordades
niimoodi, võimendada seda asjaolu

367
00:18:46,780 --> 00:18:49,240
öelda midagi
nagu võibolla see, mis

368
00:18:49,240 --> 00:18:53,210
räägib JavaScript, mida
Muide, käsitada seda täisarv,

369
00:18:53,210 --> 00:18:57,100
ei käsitle seda string, isegi
kuigi me kokkusegamise stringid

370
00:18:57,100 --> 00:18:58,940
ja täisarvud siin.

371
00:18:58,940 --> 00:19:02,204
>> See on lihtsalt üks nendest asjadest
et see tundub nii suur kontekstis

372
00:19:02,204 --> 00:19:04,120
et me ei pea
tegeleda tüüpi enam,

373
00:19:04,120 --> 00:19:05,828
kuid mõnikord saate
joosta olukord

374
00:19:05,828 --> 00:19:09,110
täpselt nagu selles kus fakt, et
Teil ei ole kontrolli liigid

375
00:19:09,110 --> 00:19:11,220
võib tagasilöök teile
kui sa ei ole ettevaatlik.

376
00:19:11,220 --> 00:19:18,285
Ja kui me hüpata tagasi üle IDE, ma olen
läheb tühjendama minu konsooli uuesti,

377
00:19:18,285 --> 00:19:20,660
ja ma lähen klõpsake string
Hoone versioon kaks, mis

378
00:19:20,660 --> 00:19:23,052
on koht, kus ma saan kasutada, et sõeluda int funktsiooni.

379
00:19:23,052 --> 00:19:25,260
Nüüd on väljatrükk
informatsiooni, et ma ootan.

380
00:19:25,260 --> 00:19:29,330
Esmaspäeval päev number üks, teisipäev
on päev number kaks, ja nii edasi.

381
00:19:29,330 --> 00:19:31,170
>> Nii räägime funktsioonid uuesti.

382
00:19:31,170 --> 00:19:34,790
Lubasin me räägime anonüümne
funktsioonid ja nüüd seoses selle

383
00:19:34,790 --> 00:19:36,360
on lõpuks saabunud.

384
00:19:36,360 --> 00:19:39,980
Nii enne kui me seda teha, räägime jälle
umbes massiivid lihtsalt teine.

385
00:19:39,980 --> 00:19:42,120
Nii massiivid on eriline
Kui objekt.

386
00:19:42,120 --> 00:19:45,180
Tegelikult kõik
JavaScript on tegelikult objekt.

387
00:19:45,180 --> 00:19:47,190
Nii funktsioonid on
erijuhul objekti,

388
00:19:47,190 --> 00:19:49,770
täisarvud on spetsiaalne
Kui objekt,

389
00:19:49,770 --> 00:19:52,152
kuid massiivid spetsiaalselt
on mitmeid meetodeid.

390
00:19:52,152 --> 00:19:55,110
Pea meeles, sest nad on objektid
neil võib olla omadused ja meetodid.

391
00:19:55,110 --> 00:19:58,600
Neil on mitmeid meetodeid, mis
saab rakendada neid objekte.

392
00:19:58,600 --> 00:20:01,197
Seal on meetodit nimetatakse
suurus, array.size,

393
00:20:01,197 --> 00:20:03,030
mis naaseb
nagu te võite arvata

394
00:20:03,030 --> 00:20:05,120
arvu elemente oma valikut.

395
00:20:05,120 --> 00:20:08,480
array.pop, omamoodi nagu
Meie idee popping välja

396
00:20:08,480 --> 00:20:11,110
virna, kui te mäletate
meie korstnad video,

397
00:20:11,110 --> 00:20:13,810
kõrvaldab viimase elemendi massiivist.

398
00:20:13,810 --> 00:20:17,110
array.push lisab uue elemendi
lõppu massiivi.

399
00:20:17,110 --> 00:20:20,910
array.shift on omamoodi
nagu DQ, see Splices välja

400
00:20:20,910 --> 00:20:23,610
kõige esimene element massiivi.

401
00:20:23,610 --> 00:20:27,549
>> Aga seal on ka teine ​​eriline
meetod massiivi nimega kaart.

402
00:20:27,549 --> 00:20:29,340
Ja see on omamoodi
huvitav kontseptsioon.

403
00:20:29,340 --> 00:20:30,930
Mis on idee kaardil?

404
00:20:30,930 --> 00:20:33,880
Sa tegelikult näha seda
mitmetes teistes keeltes,

405
00:20:33,880 --> 00:20:38,550
ja me ei räägi
omamoodi cartographers map siin

406
00:20:38,550 --> 00:20:41,480
me räägime korrastuse funktsiooni.

407
00:20:41,480 --> 00:20:44,110
Seoses me oleme
räägime siin kaardil

408
00:20:44,110 --> 00:20:47,950
on spetsiaalne operatsioon me
saab sooritada massiivi

409
00:20:47,950 --> 00:20:51,630
kohaldada konkreetse funktsiooni
iga element, mis massiivi.

410
00:20:51,630 --> 00:20:55,190
ja nii me ütleks
Sel juhul võibolla array.map,

411
00:20:55,190 --> 00:21:00,330
ja sees on, me möödaminnes
arvesse kaart on funktsioon, mida me tahame

412
00:21:00,330 --> 00:21:02,430
tuleb kohaldada iga element.

413
00:21:02,430 --> 00:21:07,299
Nii et see on omamoodi analoogne kasutades
silmuse Käi iga element

414
00:21:07,299 --> 00:21:09,340
ja rakendada eelkõige
toimida iga element,

415
00:21:09,340 --> 00:21:14,830
lihtsalt JavaScript on see ehitatud
mõiste kaardistamine, mida saab rakendada.

416
00:21:14,830 --> 00:21:19,700
Ja see on suur kontekstis
rääkida anonüümne funktsioon.

417
00:21:19,700 --> 00:21:22,370
>> Ütleme, et meil on
Selle hulga täisarve.

418
00:21:22,370 --> 00:21:25,370
Seda nimetatakse nums ja see sai viis
asju see, üks, kaks, kolm, neli,

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

420
00:21:26,410 --> 00:21:30,620
Nüüd ma tahan kaardistada mõned
funktsiooni sellele massiivi.

421
00:21:30,620 --> 00:21:34,337
Ma tahan olla funktsioon kohaldata
iga element massiivi.

422
00:21:34,337 --> 00:21:37,420
Noh, oletame, et see, mida ma tahan
tegema, on lihtsalt kahekordistada kõik elemendid.

423
00:21:37,420 --> 00:21:42,520
Mida ma võiksin teha, on lihtsalt kasutada loop
var Ma võrdub 0, ma alla

424
00:21:42,520 --> 00:21:47,390
või võrdne 4, ma pluss, pluss, ja
siis kahekordistub iga ühe numbri.

425
00:21:47,390 --> 00:21:49,580
Aga ma ei saa ka midagi sellist teha.

426
00:21:49,580 --> 00:21:53,420
Ma ei saa öelda, nums varem
üks kaks kolm neli viis,

427
00:21:53,420 --> 00:21:58,310
Praegu aga ma tahaksin teile
kohaldatakse kaardistamise peale selle massiivi

428
00:21:58,310 --> 00:22:00,400
kus ma tahaksin teile
kahekordistub iga number.

429
00:22:00,400 --> 00:22:02,540
Ja see on täpselt
mis toimub siin.

430
00:22:02,540 --> 00:22:06,870
Aga teate, mida ma möödaminnes
aastal, kui argument kaardistada.

431
00:22:06,870 --> 00:22:09,080
See on anonüümne funktsiooni.

432
00:22:09,080 --> 00:22:11,140
Ja teate ma pole antud
Selle funktsiooni nimi,

433
00:22:11,140 --> 00:22:13,290
Ma olen ainult andnud talle parameetrite nimekirja.

434
00:22:13,290 --> 00:22:16,370
Ja nii on see näiteks
anonüümne funktsioon.

435
00:22:16,370 --> 00:22:21,270
>> Me üldiselt ei oleks kunagi nimetame seda
funktsioon väljaspool konteksti kaart.

436
00:22:21,270 --> 00:22:24,110
Me defineerib seda parameetrit
kaardistada, ja nii me tegelikult ei

437
00:22:24,110 --> 00:22:27,910
peab olema nimi see, kui
Ainuke asi, mis hoolib on kaart

438
00:22:27,910 --> 00:22:30,339
ja see on määratletud õigus
seal sees kaart.

439
00:22:30,339 --> 00:22:31,880
Ja nii see on anonüümne funktsioon.

440
00:22:31,880 --> 00:22:34,680
Me ei ole suutnud
seda teha varem.

441
00:22:34,680 --> 00:22:38,400
Kaart teatavat funktsiooni
nõustub üks parameeter num,

442
00:22:38,400 --> 00:22:41,890
ja mida see funktsioon teeb
on tagasi Num korda 2.

443
00:22:41,890 --> 00:22:45,330
Ja nii pärast seda
kaardistamine on kohaldatud,

444
00:22:45,330 --> 00:22:50,090
see on nüüd see, mida nums välimus
jms, kaks, neli, kuus, kaheksa, 10.

445
00:22:50,090 --> 00:22:52,090
Ja me pop üle minu
brauseriaknas ja lihtsalt

446
00:22:52,090 --> 00:22:55,240
heita pilk selle
tõesti kiiresti ka.

447
00:22:55,240 --> 00:22:58,000
>> Nii et mul on veel üks nupp siin
minu kodulehekülg nimetatakse topelt.

448
00:22:58,000 --> 00:23:03,570
Ja kui ma vajutan topelt, ja see ütleb
mul enne seda oli üks, kaks, kolm, neli,

449
00:23:03,570 --> 00:23:07,250
viie pärast kahte, nelja, kuue, kaheksa, 10.

450
00:23:07,250 --> 00:23:11,930
Ja kui ma tagasi minna ja klõpsake topelt
jälle kahe, nelja, kuue, kaheksa, 10.

451
00:23:11,930 --> 00:23:17,400
Ja siis pärast neli,
Kaheksa, 12, 16, ja seejärel 20.

452
00:23:17,400 --> 00:23:20,440
Ja mida ma teen selle funktsiooni?

453
00:23:20,440 --> 00:23:25,210
Noh, kui me lihtsalt pop üle IDE ja
Ma tõmba oma anonüümne funktsioon, siin

454
00:23:25,210 --> 00:23:28,780
real seitse läbi 13, ma olen
teed natuke väljamõeldud tööd siin,

455
00:23:28,780 --> 00:23:32,240
aga ma lihtsalt printida
Mis praegu massiivi.

456
00:23:32,240 --> 00:23:36,580
Siis on line 16, 17,
ja 18, seal on mu kaart.

457
00:23:36,580 --> 00:23:40,930
See on koht, kus ma rakendades seda kahekordistada
funktsiooni iga element.

458
00:23:40,930 --> 00:23:43,530
Ja siis veel veidi alla,
Ma lihtsalt teeme sama asja

459
00:23:43,530 --> 00:23:46,640
Ma tegin enne, va nüüd olen
väljatrükk sisu massiivi

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

461
00:23:48,167 --> 00:23:50,500
Aga ma olen teinud siin
lihtsalt kasutada anonüümset funktsiooni

462
00:23:50,500 --> 00:23:53,640
kaardistada üle kogu massiivi.

463
00:23:53,640 --> 00:23:58,466
>> Nii et üks rohkem suur teema rääkida ka
JavaScript on mõiste sündmus.

464
00:23:58,466 --> 00:24:01,590
Sündmus on midagi, mis lihtsalt juhtub
kui kasutaja suhtleb oma veebi

465
00:24:01,590 --> 00:24:04,715
lehele, et äkki nad klõpsavad midagi,
või äkki leht on laetud,

466
00:24:04,715 --> 00:24:07,200
või äkki nad on kolinud
oma hiirega üle midagi,

467
00:24:07,200 --> 00:24:09,290
või nad kirjutasid midagi
in sisend valdkonnas.

468
00:24:09,290 --> 00:24:14,260
Kõik need asjad on sündmused
mis toimuvad meie veebilehel.

469
00:24:14,260 --> 00:24:17,460
Ja JavaScript on
suutlikkust toetada midagi

470
00:24:17,460 --> 00:24:21,760
nimetatakse sündmuse käitleja, mis
on tagasihelistamise funktsioon, mis

471
00:24:21,760 --> 00:24:23,329
vastab html korral.

472
00:24:23,329 --> 00:24:24,620
Ja mis tagasihelistamise funktsioon?

473
00:24:24,620 --> 00:24:27,328
Noh, see on üldiselt lihtsalt üks
nimi anonüümse funktsiooni.

474
00:24:27,328 --> 00:24:30,170
See on funktsioon, mis
vastab sündmus.

475
00:24:30,170 --> 00:24:34,130
Ja see on koht, kus me tuleme
Idee siduv teatud funktsioone

476
00:24:34,130 --> 00:24:38,060
konkreetse html atribuut.

477
00:24:38,060 --> 00:24:41,420
Enamik HTML elemendid on
toetust atribuut

478
00:24:41,420 --> 00:24:45,170
et me ei rääkinud html
video jaoks midagi klikkimise

479
00:24:45,170 --> 00:24:50,540
või hõljuda või koormus,
Kõikidel nendel üritustel

480
00:24:50,540 --> 00:24:53,120
mis saab siis kirjutada funktsioonid
et tegeleda nende sündmuste

481
00:24:53,120 --> 00:24:56,090
kui need sündmused
esinevad oma veebilehel.

482
00:24:56,090 --> 00:24:59,170
>> Ja nii äkki oma html
näeb välja umbes selline.

483
00:24:59,170 --> 00:25:02,240
Ja mul on kaks nuppu siin
nuppu üks ja nuppu kaks,

484
00:25:02,240 --> 00:25:04,620
ja siin ma pean praegu
määratletud midagi,

485
00:25:04,620 --> 00:25:11,170
kuid see on koht, kus atribuudi
click on ilmselt osa minu html tag.

486
00:25:11,170 --> 00:25:15,220
Nii ilmselt kui ma määratleda, mis on
sees toimub selle atribuudi

487
00:25:15,220 --> 00:25:18,590
see saab olema mingi JavaScript
funktsioon, mis vastab sündmus

488
00:25:18,590 --> 00:25:24,360
arvatavasti klõpsates
nuppu üks või nuppu kaks.

489
00:25:24,360 --> 00:25:28,580
>> Mis selline lahe on see, me
saab kirjutada generic korral käitleja.

490
00:25:28,580 --> 00:25:32,370
Ja selle sündmuse käitleja
luua sündmuse objekti.

491
00:25:32,370 --> 00:25:37,000
Ja kui objekt ütleb meile
mis on kaks nuppu klõpsatud.

492
00:25:37,000 --> 00:25:38,064
Nüüd, kuidas see toimib?

493
00:25:38,064 --> 00:25:39,730
Noh, see näeks välja umbes selline.

494
00:25:39,730 --> 00:25:44,860
Nii me kõigepealt määratleda meie nupud
on vastuseks tagasihelistamise

495
00:25:44,860 --> 00:25:47,470
funktsioon, mis saab nimeks
Kui klõpsad nupule,

496
00:25:47,470 --> 00:25:49,520
me nimetame sündmuse alert nimi.

497
00:25:49,520 --> 00:25:53,320
Ja teate Mõlemal juhul oleme
kulgeb sel juhul parameeter.

498
00:25:53,320 --> 00:25:55,460
Nii et me nimetame seda funktsiooni
või kui see funktsioon

499
00:25:55,460 --> 00:26:00,330
käivitab sündmuse toimumisest,
see saab luua selle sündmuse objekti

500
00:26:00,330 --> 00:26:03,300
ja liigu seda
parameeter hoiatada nimi.

501
00:26:03,300 --> 00:26:07,270
Ja sel juhul objekti
läheb sisaldama teavet

502
00:26:07,270 --> 00:26:09,800
millest nuppu klõpsatud.

503
00:26:09,800 --> 00:26:11,580
Ja kuidas see teha?

504
00:26:11,580 --> 00:26:13,654
Noh, see näeks välja umbes selline.

505
00:26:13,654 --> 00:26:15,570
Nüüd minu eraldi
JavaScript fail, võin

506
00:26:15,570 --> 00:26:17,420
pead leidma selle
funktsiooni alert nimi, mis

507
00:26:17,420 --> 00:26:19,500
jälle nõus, et üritus parameeter.

508
00:26:19,500 --> 00:26:24,640
Ja siis siin on koht, kus ma avastamiseks
mis nupp tingis,

509
00:26:24,640 --> 00:26:28,100
var vallandada võrdub sündmus
dot allikas element.

510
00:26:28,100 --> 00:26:33,150
Mis oli allikas, mis on loodud
Selle ürituse eesmärk, mis oli möödunud aastal?

511
00:26:33,150 --> 00:26:36,390
Oli see nupp ühe või oli see nupp kaks?

512
00:26:36,390 --> 00:26:40,710
>> Ja siis siin ma teen on
väljatrükk trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
Noh, sel juhul selle
kontekstis, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
on just see, mida on kirjutatud nupul.

515
00:26:45,940 --> 00:26:48,830
See lihtsalt nii juhtub, kui me hüpata
tagasi teise, et oleks

516
00:26:48,830 --> 00:26:51,670
olla milline on nende vahel nuppu sildid.

517
00:26:51,670 --> 00:26:54,150
See nupp ühe või nuppu kaks.

518
00:26:54,150 --> 00:26:57,320
Ja võtame pilk
kuidas see sündmus oleks

519
00:26:57,320 --> 00:27:01,080
vaatame, kui meil oleks see töötab praktikas.

520
00:27:01,080 --> 00:27:03,850
>> Nii esiteks, sa oled
avanud events.js,

521
00:27:03,850 --> 00:27:06,517
mis on JavaScript fail, kus
Olen määratletud selle funktsiooni.

522
00:27:06,517 --> 00:27:08,558
Ja nagu näete, see on
päris palju täpselt, mida

523
00:27:08,558 --> 00:27:10,230
me just nägin slaidile teine ​​tagasi.

524
00:27:10,230 --> 00:27:14,890
Ja ma lähen üle
avalehele oleme kasutanud.

525
00:27:14,890 --> 00:27:17,660
Ja mul on siin nuppu
üks ja nuppu kaks.

526
00:27:17,660 --> 00:27:19,820
Ja ma klõpsake nuppu üks.

527
00:27:19,820 --> 00:27:23,930
Sa klõpsad nuppu üks, kui te
näete siinsamas valvas.

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

529
00:27:25,810 --> 00:27:28,980
Vajuta nuppu kaks, siis
klõpsanud nuppu kaks.

530
00:27:28,980 --> 00:27:32,150
>> Nii nii nupud on
Sama funktsioon kõne, eks?

531
00:27:32,150 --> 00:27:35,840
Nad mõlemad olid alert nimi
sündmus, kuid sel juhul objekti

532
00:27:35,840 --> 00:27:41,900
mis saab luua, kui me vajuta
see ütleb meile, millist nuppu klõpsatud.

533
00:27:41,900 --> 00:27:44,650
Me ei pea kirjutama kaks eraldi
funktsioone või tegeleda võttes

534
00:27:44,650 --> 00:27:46,470
edasi mis tahes lisateavet.

535
00:27:46,470 --> 00:27:48,220
Me lihtsalt tuginedes
Mis JavaScript hakkab

536
00:27:48,220 --> 00:27:53,772
teha meie jaoks, milleks on luua selle
omamoodi sündmus objekti meie nimel.

537
00:27:53,772 --> 00:27:56,730
Seal on palju rohkem JavaScript kui
mida oleme kaetud selle video,

538
00:27:56,730 --> 00:27:58,521
kuid võttes neid
põhiõiguste peaks sulle

539
00:27:58,521 --> 00:28:00,690
üsna pikk, kuidas
õppida kõike saate

540
00:28:00,690 --> 00:28:04,030
vaja teada seda
huvitav keel.

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

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

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