1
00:00:00,000 --> 00:00:03,840
>> [Muzikos grojimo]

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

3
00:00:05,770 --> 00:00:08,690
>> Doug LLOYD: Taigi dabar mes metai
Argumentai "už" at interneto programavimo, tiesa?

4
00:00:08,690 --> 00:00:12,140
Ir mes apėmė kelis
Kalbos atskirų vaizdo įrašus.

5
00:00:12,140 --> 00:00:14,690
O dabar padarykime dar vieną, "JavaScript".

6
00:00:14,690 --> 00:00:17,370
>> Pirma gera žinia, "JavaScript"
yra modernus programavimo

7
00:00:17,370 --> 00:00:21,410
kalba panašiai kaip PHP, kurio
sintaksė yra kilęs iš C,

8
00:00:21,410 --> 00:00:22,830
taip, kad gera vieta pradėti.

9
00:00:22,830 --> 00:00:25,880
Tai maždaug tiek pat senas, kaip PHP, taip pat,
buvo maždaug apie 20 metų.

10
00:00:25,880 --> 00:00:28,600
Jis buvo išrastas maždaug
tuo pačiu metu kaip PHP.

11
00:00:28,600 --> 00:00:32,240
Ir Javaskriptą iš tiesų yra gana
esminis vartotojo patirtį

12
00:00:32,240 --> 00:00:32,740
iš interneto.

13
00:00:32,740 --> 00:00:34,448
Iš tiesų, yra
trys kalbos, kad aš

14
00:00:34,448 --> 00:00:38,480
sakyčiau tarsi sudaro
vartotojo patirtį bendrauja

15
00:00:38,480 --> 00:00:42,650
su svetaine, HTML,
CSS ir "JavaScript".

16
00:00:42,650 --> 00:00:46,030
Ir todėl dabar Pakalbėkime
Šiek tiek apie "JavaScript".

17
00:00:46,030 --> 00:00:50,301
>> Bloga naujiena, nors su JavaScript
kad jis nustato taisykles daug už save,

18
00:00:50,301 --> 00:00:51,300
ir tada ji sugenda juos.

19
00:00:51,300 --> 00:00:54,010
Ir Javaskriptą iš tikrųjų gali būti
rūšies sudėtinga išmokti,

20
00:00:54,010 --> 00:00:57,000
nes jis, skirtingai nei C
PHP, kurie yra labai struktūriškai

21
00:00:57,000 --> 00:01:00,270
ir turi labai griežtas taisykles
kiek dalykų gali dirbti.

22
00:01:00,270 --> 00:01:03,690
JavaScript yra natūra
iš Dotarłeś tiek lankstus

23
00:01:03,690 --> 00:01:06,650
kad gal ne viskas, kad
dirbti taip, kaip mes tikimės, kad jie,

24
00:01:06,650 --> 00:01:09,830
o gal mes tikrai negali mokytis
mūsų pirmasis programavimo kalba

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

26
00:01:10,769 --> 00:01:12,810
Tai gal, nes ji neturi
nusibrėžė bet taisyklės,

27
00:01:12,810 --> 00:01:15,754
ir tai tikrai ne
vykdyti gerus kodavimo įpročius.

28
00:01:15,754 --> 00:01:18,170
Bet dabar mes tikimės sukūrė
gerų kodavimo įpročius,

29
00:01:18,170 --> 00:01:21,470
ir todėl mes galime pradėti įsiveržimas
į JavaScript truputį.

30
00:01:21,470 --> 00:01:25,750
>> Norėdami rašyti JavaScript, panašus į atidarymo
iki C failą su dot C pratęsimo

31
00:01:25,750 --> 00:01:29,770
arba PHP failą su dot PHP išplėtimas,
viskas, ką reikia padaryti, tai atverti failą

32
00:01:29,770 --> 00:01:31,764
su DOT js failo plėtinys.

33
00:01:31,764 --> 00:01:34,430
Mums nereikia turėti jokios specialios
separatoriai, kaip mes padarėme PHP.

34
00:01:34,430 --> 00:01:36,750
Šis kampas Rūšiuoti
laikiklis klaustukas PHP

35
00:01:36,750 --> 00:01:40,300
kad mes įpratę prie to, beje
mes pasakyti mūsų naršyklę, kad tai, ką mes turime, yra

36
00:01:40,300 --> 00:01:43,502
JavaScript įtraukiant
jį į HTML tegus,

37
00:01:43,502 --> 00:01:46,210
ir mes pamatyti šiek tiek apie
Kaip padaryti, kad vos akimirką.

38
00:01:46,210 --> 00:01:48,210
>> Kitas dalykas, kuris daro
JavaScript skirtingi,

39
00:01:48,210 --> 00:01:50,580
nors tai, kad ji veikia kliento pusėje.

40
00:01:50,580 --> 00:01:53,430
Taigi prisiminti, kad su PHP
mes niekada iš tikrųjų galėtų matyti

41
00:01:53,430 --> 00:01:57,041
PHP kad pabrėžė svetainėje.

42
00:01:57,041 --> 00:01:59,040
Jei mes kada nors peržiūrėtas
puslapis šaltinis, tik mes būtume

43
00:01:59,040 --> 00:02:02,830
pamatyti html, kad buvo
generuoja, kad PHP.

44
00:02:02,830 --> 00:02:04,900
Bet Javaskriptą veikia kliento pusėje.

45
00:02:04,900 --> 00:02:06,710
Jūsų "JavaScript" veikia jūsų kompiuteryje.

46
00:02:06,710 --> 00:02:09,050
Ir štai kodėl jūs galite padaryti
Dalykų, pavyzdžiui, pridėti blokatorius.

47
00:02:09,050 --> 00:02:09,550
Teisė?

48
00:02:09,550 --> 00:02:12,704
Reklamos blokavimas paprastai daroma
žuvo visi JavaScript

49
00:02:12,704 --> 00:02:14,370
kad veikia tam tikroje svetainėje.

50
00:02:14,370 --> 00:02:19,000
Ir dėl to, ji turėtų
paleisti savo mašina kliento pusėje

51
00:02:19,000 --> 00:02:21,910
galite tiesiog sustabdyti
JavaScript veikia visiškai.

52
00:02:21,910 --> 00:02:27,030
Tai taip pat reiškia, kad kai jūs naudojate
svetainė, kuri apima JavaScript,

53
00:02:27,030 --> 00:02:32,450
Jūs turite nusiųsti JavaScript šaltinį
kodas, kaip dalį savo atsakymo HTTP

54
00:02:32,450 --> 00:02:34,159
klientui, kai jie prašo ją.

55
00:02:34,159 --> 00:02:35,950
Ir taip jūs negalite
norite naudoti JavaScript

56
00:02:35,950 --> 00:02:38,395
padaryti tikrai jautrius dalykus
kaip einančios informacijos

57
00:02:38,395 --> 00:02:41,020
apie vartotojų slaptažodžiai ir atgal
pirmyn, nes jie iš tikrųjų

58
00:02:41,020 --> 00:02:45,610
vyksta gauti visą kodą,
ne tik HTML kuri yra generuojama,

59
00:02:45,610 --> 00:02:49,030
pvz būtų tuo atveju, tarkim PHP.

60
00:02:49,030 --> 00:02:51,620
>> Taigi, kaip mes apimti JavaScript
mūsų html pradėti?

61
00:02:51,620 --> 00:02:54,520
Na, panašus į CSS, iš tikrųjų,
yra tarsi kaip mes jį čia.

62
00:02:54,520 --> 00:02:56,190
Su CSS turime stiliaus žymes.

63
00:02:56,190 --> 00:03:00,760
Ir viduje tų stiliaus žymių,
mes galime apibrėžti CSS stilių.

64
00:03:00,760 --> 00:03:03,450
Panašiai su JavaScript
mes galime atverti scenarijų žymes,

65
00:03:03,450 --> 00:03:06,660
kitas HTML tegus mes ne
kalbėti apie mūsų html vaizdo,

66
00:03:06,660 --> 00:03:09,720
ir rašyti JavaScript
tarp šių scenarijų žymes.

67
00:03:09,720 --> 00:03:13,960
Taip pat, nors, pavyzdžiui, CSS, mes
gali susieti į ne CSS failus

68
00:03:13,960 --> 00:03:15,900
ir traukti juos į mūsų programą, kad taip.

69
00:03:15,900 --> 00:03:18,280
Su CSS mes galime taip pat,
atsiprašau, su JavaScript

70
00:03:18,280 --> 00:03:23,240
mes taip pat galime nurodyti šaltinį
atributas scenarijų žymę

71
00:03:23,240 --> 00:03:25,720
susieti JavaScript
atskirai, todėl jums nereikia

72
00:03:25,720 --> 00:03:27,680
turi parašyti jam
tarp scenarijaus žymeles, mes

73
00:03:27,680 --> 00:03:29,600
gali susieti jį naudojant
kad scenarijų žyma, taip pat.

74
00:03:29,600 --> 00:03:33,230
Ir kaip su atveju su CSS kur
mes rekomenduojama, kad tai tikriausiai buvo

75
00:03:33,230 --> 00:03:36,090
geriausia jūsų labui rašyti
CSS atskirame faile atveju

76
00:03:36,090 --> 00:03:38,500
jums reikia jį pakeisti,
Panašiai mes rekomenduojame

77
00:03:38,500 --> 00:03:40,720
parašykite savo
JavaScript atskirus failus

78
00:03:40,720 --> 00:03:45,460
ir naudoti scenarijų žymės šaltinį
priskirti tie jūsų "JavaScript"

79
00:03:45,460 --> 00:03:49,520
į savo HTML, savo interneto puslapyje.

80
00:03:49,520 --> 00:03:52,610
>> Taigi JavaScript kintamieji, mes
pradėti kalbėti apie sintaksę čia.

81
00:03:52,610 --> 00:03:53,600
Ir mes eiti per
tai greitai natūra,

82
00:03:53,600 --> 00:03:56,640
nes mes tai padarė PHP, todėl
visa tai turėtų būti gana pažįstamas.

83
00:03:56,640 --> 00:03:59,490
Taigi kintamieji JavaScript yra
labai panašus į PHP kintamieji.

84
00:03:59,490 --> 00:04:03,270
Nėra tipas specifikatorius ir
kai jūs įdiegti kintamąjį,

85
00:04:03,270 --> 00:04:05,070
Jūs priešdėlis jį su var raktinį žodį.

86
00:04:05,070 --> 00:04:07,750
PHP mes kažką daryti
kaip tai, dolerio ženklas x.

87
00:04:07,750 --> 00:04:09,950
Štai kaip mes nurodyta
kintamasis, bet ne, mes

88
00:04:09,950 --> 00:04:12,060
nemini tipą
kintamojo ne visiems.

89
00:04:12,060 --> 00:04:15,124
Norime pasakyti kažką panašaus
dolerio ženklas x lygus 44 PHP.

90
00:04:15,124 --> 00:04:17,040
Jei mes buvome daro
Tas pats JavaScript,

91
00:04:17,040 --> 00:04:19,589
sakytume var x lygus 44.

92
00:04:19,589 --> 00:04:22,780
Taigi var yra tarsi mūsų kelyje
įvesti kintamąjį.

93
00:04:22,780 --> 00:04:26,850
Štai galbūt šiek tiek paprastesnis
ne tik dolerio ženklas kintamąjį.

94
00:04:26,850 --> 00:04:29,080
>> Vėlgi, nes nėra
duomenų tipai, mes galime tai padaryti

95
00:04:29,080 --> 00:04:34,490
bet kokios duomenų tipą, įsipareigojimų,
nieko kito visi būtų var.

96
00:04:34,490 --> 00:04:37,260
Conditionals, visi mūsų
seni draugai iš C ir PHP

97
00:04:37,260 --> 00:04:41,640
yra vis dar prieinami, todėl mes turime, jei
kitur, jei kitur, jungiklis ir klausimas

98
00:04:41,640 --> 00:04:42,240
ženklas dvitaškis.

99
00:04:42,240 --> 00:04:45,890
Perjungti likę tokie lankstūs, kaip jį
buvo PHP, bet visa tai jūs

100
00:04:45,890 --> 00:04:46,930
susipažinęs su dabar.

101
00:04:46,930 --> 00:04:49,900
Ir panašiai su kilpos
seni favoritai Nors

102
00:04:49,900 --> 00:04:52,700
daryti, o, ir dar mums prieinama.

103
00:04:52,700 --> 00:04:55,880
Taigi jau žinome iš partijos
Pagrindinis JavaScript tarsi pagrindai

104
00:04:55,880 --> 00:05:01,800
tik pagal turintis gana didelis
Žinių dabar apie C ir PHP.

105
00:05:01,800 --> 00:05:03,670
>> Ką apie funkcijų JavaScript?

106
00:05:03,670 --> 00:05:08,199
Na, panašus į PHP kiekvieną funkcija
supažindinti su funkcija raktinį žodį.

107
00:05:08,199 --> 00:05:10,740
Sakote funkciją, tada jums
pradėti apibrėžti savo funkciją.

108
00:05:10,740 --> 00:05:12,531
Kas šiek tiek kitoks
apie JavaScript,

109
00:05:12,531 --> 00:05:15,700
, nors yra galimybė turėti
tai, kas vadinama anoniminė funkcija.

110
00:05:15,700 --> 00:05:18,880
Taigi galite nustatyti funkcijų
kad neturiu vardą.

111
00:05:18,880 --> 00:05:21,222
Tai kažkas, ką mes
tikrai nemačiau anksčiau.

112
00:05:21,222 --> 00:05:23,430
Mes tikrai naudoti sąvoką
anoniminio funkcija

113
00:05:23,430 --> 00:05:27,880
šiek tiek vėliau šiais
vaizdo, nes jis bus

114
00:05:27,880 --> 00:05:31,530
padaryti šiek tiek daugiau prasmės kontekste
kai mes matome jį konkrečioje situacijoje

115
00:05:31,530 --> 00:05:33,120
kad aš meistriškai čia.

116
00:05:33,120 --> 00:05:35,710
Bet tegul tiesiog pažvelgti
kokia paprasta JavaScript

117
00:05:35,710 --> 00:05:37,850
funkcija gali atrodyti.

118
00:05:37,850 --> 00:05:40,610
>> Taigi aš nuėjo į priekį ir
atvėrė savo CS50 IDE

119
00:05:40,610 --> 00:05:43,690
ir aš jau paleisti Apache
pradėti savo serveryje, kuriame veikia.

120
00:05:43,690 --> 00:05:46,800
Ir aš turiu šį failą
atidaryti vadinamas home.html.

121
00:05:46,800 --> 00:05:48,330
Ir aš priartinti trupučiu čia.

122
00:05:48,330 --> 00:05:52,090
Ir iš esmės, jūs galite pamatyti
Home.html yra tik keletas mygtukų krūva.

123
00:05:52,090 --> 00:05:55,291
Ir aš teigdamas viršuje čia
kad tai yra JavaScript skyrius

124
00:05:55,291 --> 00:05:55,790
medžiagos.

125
00:05:55,790 --> 00:05:59,490
Taigi ten yra mygtukai krūva čia
Bet ką šie mygtukai tikrųjų daryti?

126
00:05:59,490 --> 00:06:03,662
>> Na, mes per galvą į mano IED,
ir aš home.html atidaryti čia.

127
00:06:03,662 --> 00:06:05,620
Pačioje pradžioje,
čia, kur aš susiejimas

128
00:06:05,620 --> 00:06:07,500
į visus mano "JavaScript" kodo failus.

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

130
00:06:08,000 --> 00:06:12,440
Taigi turiu anonymous.js, clock.js,
Aš naudoju šaltinio atributas

131
00:06:12,440 --> 00:06:14,440
scenarijaus žymę susieti į failą.

132
00:06:14,440 --> 00:06:18,660
Taigi aš ne parašyta bet
JavaScript tiesiai į šį failą,

133
00:06:18,660 --> 00:06:21,790
bet aš iškedentas visi
JavaScript aš parašiau atskirai.

134
00:06:21,790 --> 00:06:24,540
Ir jei mes slinkti žemyn čia, tai
turėtų visi atrodo šiek tiek susipažinę

135
00:06:24,540 --> 00:06:27,090
su trupučiu naujos sintaksės.

136
00:06:27,090 --> 00:06:32,655
Mes čia turime antraštės tag
funkcijos ir tada mygtuką.

137
00:06:32,655 --> 00:06:35,530
Turiu įvestį, kad yra tipo mygtuką,
ir, matyt, kai aš spustelėkite jį,

138
00:06:35,530 --> 00:06:38,130
Aš ruošiuosi skambinti kai
veikti įspėjimo datą.

139
00:06:38,130 --> 00:06:41,792
Ir tai, kaip mes galime tarsi išmaišyti
šiek tiek JavaScript ir HTML.

140
00:06:41,792 --> 00:06:44,500
Jie iš tikrųjų žaisti gana gražiai
kartu, ir taip, matyt, kai

141
00:06:44,500 --> 00:06:48,730
Aš spustelėkite šį mygtuką, aš ruošiuosi
skambinti tam tikrą funkciją įspėjimo datą.

142
00:06:48,730 --> 00:06:53,660
Ir panašiai Aš apibrėžta elgesio
už visų kitų mygtukų, kad

143
00:06:53,660 --> 00:06:56,440
yra tame home.html puslapyje
kuri mes vėl ir vėl grįžta

144
00:06:56,440 --> 00:06:59,172
į per šio vaizdo metu.

145
00:06:59,172 --> 00:07:00,880
Bet grįžkime iki
čia ir pažvelgti

146
00:07:00,880 --> 00:07:03,850
bent clock.js, kuris yra
JavaScript failą, kad aš

147
00:07:03,850 --> 00:07:07,370
rašė, kad turi šią funkciją pirmą
mes ketiname pažvelgti.

148
00:07:07,370 --> 00:07:11,630
Kaip matote, aš pradėti savo JavaScript
veikti su raktažodžiu funkcija,

149
00:07:11,630 --> 00:07:14,560
ir aš suteikti šį vieną
pavadinimas, tai vadinama perspėjimas data.

150
00:07:14,560 --> 00:07:18,710
Viduje ten, aš, matyt, sukurti
Naujas vietinis kintamasis vadinamas dabartinė data.

151
00:07:18,710 --> 00:07:21,500
Ir aš ruošiuosi priskirti
lygią į naują dieną.

152
00:07:21,500 --> 00:07:24,430
Ir mes galime patekti į Siuntos
patikslinimo, kas data yra

153
00:07:24,430 --> 00:07:27,060
ir tikrai JavaScript, kad
didelė, kad mes negalime galbūt

154
00:07:27,060 --> 00:07:28,330
apima viską vienoje vaizdo.

155
00:07:28,330 --> 00:07:32,220
Tačiau pakanka pasakyti, tai vyksta
grįžti į mane duomenų elementas, kuris

156
00:07:32,220 --> 00:07:35,470
apimantis esamą datą ir laiką.

157
00:07:35,470 --> 00:07:39,100
Aš saugoti, kad į kintamąjį, kad aš
matyt ketina įspėti esamą datą.

158
00:07:39,100 --> 00:07:41,300
>> Na, ką perspėjimą
dabartinė data atrodyti?

159
00:07:41,300 --> 00:07:46,460
Leiskite pažvelgti į patį failą išvaizdą
atgal per naršyklės langą.

160
00:07:46,460 --> 00:07:49,551
Taigi dar kartą, tai yra mygtukas, kad aš
sąlygotosios į šios pavadintas funkcija.

161
00:07:49,551 --> 00:07:51,800
Ir aš spustelėkite jį ten ir
pažiūrėkite, ką ji padarė, tai įspėti.

162
00:07:51,800 --> 00:07:56,140
Jis popped up šį laukelį rūšiuoti pasakoja
man, kad dabartinis laikas yra, matyt

163
00:07:56,140 --> 00:07:59,370
tai lapkričio 4 d
10:43:43 ryte.

164
00:07:59,370 --> 00:08:02,345
Ir jei aš spustelėkite jį dar kartą, dabar
tai keletą sekundžių vėliau, tiesa?

165
00:08:02,345 --> 00:08:03,720
Taigi, kad viskas ši funkcija veikia.

166
00:08:03,720 --> 00:08:07,670
Kai paspaudžiu šį mygtuką, jis
pasirodo įspėjamasis pranešimas man.

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

168
00:08:13,806 --> 00:08:15,690
Taigi ten tikrai nėra
per daug funkcijų

169
00:08:15,690 --> 00:08:19,110
tai skiriasi nuo PHP,
tik šiek tiek naujos sintaksės

170
00:08:19,110 --> 00:08:22,500
kuris ateina su darbo su JavaScript.

171
00:08:22,500 --> 00:08:24,650
>> Masyvai JavaScript yra
gana paprasta.

172
00:08:24,650 --> 00:08:27,200
Norėdami paskelbti masyvą, naudoti
laužtiniuose skliaustuose sintaksė

173
00:08:27,200 --> 00:08:30,090
kad mes susipažinę su nuo PHP.

174
00:08:30,090 --> 00:08:33,432
Ir panašus į PHP, mes
Taip pat galite maišyti duomenų tipus.

175
00:08:33,432 --> 00:08:35,140
Taigi, šis masyvas, tiek
Šių masyvai būtų

176
00:08:35,140 --> 00:08:36,960
būti visiškai teisėtas JavaScript.

177
00:08:36,960 --> 00:08:42,500
Vienas, kad visi sveikieji skaičiai, ir vienas, kad
yra sumaišyti skirtingus duomenų tipus.

178
00:08:42,500 --> 00:08:45,020
>> Kas yra kažkas labai skiriasi
JavaScript, nors?

179
00:08:45,020 --> 00:08:47,020
Štai objekto sąvoka.

180
00:08:47,020 --> 00:08:50,240
Taigi, galbūt jūs girdėjote apie
Objektinis programavimas.

181
00:08:50,240 --> 00:08:53,370
Mes neturime daryti jį daug CS50,
bet mes padaryti šiek tiek apie tai

182
00:08:53,370 --> 00:08:55,670
čia, JavaScript kontekste.

183
00:08:55,670 --> 00:08:59,100
Dabar JavaScript turi galimybę
elgtis kaip Objektinis programavimas

184
00:08:59,100 --> 00:09:02,615
kalba, bet tai nėra pati
tik Objektinis

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

186
00:09:03,490 --> 00:09:05,281
Ir tai vėl ateina
Atgal kodėl sakiau, tai

187
00:09:05,281 --> 00:09:10,610
gali būti labai sudėtinga išmokti
JavaScript pat savo pirmojo programavimo

188
00:09:10,610 --> 00:09:13,890
kalba, nes ji nėra
tikrai tinka tam tikrą paradigmą.

189
00:09:13,890 --> 00:09:16,430
>> C, kita vertus, yra
funkcinė programavimo kalba.

190
00:09:16,430 --> 00:09:22,270
Jei norime, funkcijos
rūšiuoti didelis bosas žmogus, tiesa?

191
00:09:22,270 --> 00:09:24,410
Jie diktuoja, ką
atsitinka visa kita.

192
00:09:24,410 --> 00:09:26,600
Mes norime keisti kintamųjų,
mes vadiname funkcijas.

193
00:09:26,600 --> 00:09:28,220
Mes darome dalykus funkcijas.

194
00:09:28,220 --> 00:09:31,250
Daiktai vietoj to, nurodytame
Objektinis kalbą,

195
00:09:31,250 --> 00:09:35,937
objektai tarsi tapo žvaigždė ir
funkcijos tampa tarsi antraeilis.

196
00:09:35,937 --> 00:09:38,270
Bet kas yra objektas, ką
tai objekto sąvoka?

197
00:09:38,270 --> 00:09:40,880
Na, jei tai padeda, manau,
apie tai iš pirmo rūšiuoti

198
00:09:40,880 --> 00:09:44,540
apie tarsi C struktūros ar struct
kad mes sužinojome apie anksčiau.

199
00:09:44,540 --> 00:09:47,430
C, struktūra yra
daugelyje sričių,

200
00:09:47,430 --> 00:09:51,174
o gal dabar gali pradėti
skambinti šiose srityse savybes.

201
00:09:51,174 --> 00:09:53,590
Bet savybės niekada
stovėti ant savo, tiesa?

202
00:09:53,590 --> 00:09:56,410
Jei aš apibrėžti struktūrą automobilį
kaip tai su šių dviejų

203
00:09:56,410 --> 00:10:00,750
Laukai ar savybės: vieną
sveikasis skaičius už automobilio metus

204
00:10:00,750 --> 00:10:04,290
o kitas 10 simbolių
eilutė automobilio modelio,

205
00:10:04,290 --> 00:10:07,150
Galiu pasakyti kažką panašaus į tai,
Galiu paskelbti naują kintamąjį,

206
00:10:07,150 --> 00:10:10,080
tipo konstrukto automobilių Herbie.

207
00:10:10,080 --> 00:10:13,730
Ir tada aš galiu pasakyti
kaip herbie.year lygus 1963,

208
00:10:13,730 --> 00:10:15,850
ir herbie.model lygus Beetle.

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

210
00:10:17,000 --> 00:10:19,680
Aš naudoju laukuose
konteksto, kurio struktūra,

211
00:10:19,680 --> 00:10:22,290
bet aš niekada negalėjo tiesiog
sako kažką panašaus į tai.

212
00:10:22,290 --> 00:10:22,790
Teisė?

213
00:10:22,790 --> 00:10:26,836
Aš negaliu naudoti lauko pavadinimas
nepriklausoma nuo struktūrą.

214
00:10:26,836 --> 00:10:28,210
Tai tarsi esminis dalykas.

215
00:10:28,210 --> 00:10:32,990
>> Taigi laukai yra
esminis C struktūrų

216
00:10:32,990 --> 00:10:39,050
yra labai panašūs į savybės yra
esminis JavaScript objektų.

217
00:10:39,050 --> 00:10:42,080
Bet ką daro juos
Ypač įdomu

218
00:10:42,080 --> 00:10:46,230
yra tai, kad daiktai taip pat gali turėti ką
yra vadinami metodai, kurie yra tikrai

219
00:10:46,230 --> 00:10:50,730
tik išgalvotas žodis funkcijų,
yra neatsiejamas nuo objekto, taip pat.

220
00:10:50,730 --> 00:10:55,340
Taigi, tai funkcija, kuri gali būti tik
vadinamas objekto kontekste.

221
00:10:55,340 --> 00:10:59,200
Tik objektas, kuris apibrėžiamas
Tai viduje savo funkciją,

222
00:10:59,200 --> 00:11:02,020
Jei galvoti apie
konstrukto, funkcija

223
00:11:02,020 --> 00:11:05,720
apibrėžiamas viduje apibrėžiančius
garbanotas petnešos statinio.

224
00:11:05,720 --> 00:11:07,980
Taigi tik reiškia kažką
prie konstrukcijos.

225
00:11:07,980 --> 00:11:10,960
Ir tai tarsi ką mes darome
čia su objektų ir metodų.

226
00:11:10,960 --> 00:11:13,580
Tai iš esmės, kaip mes
apibrėžti funkciją, kuri

227
00:11:13,580 --> 00:11:16,670
prasmę tik ant
tikras objektas, ir todėl mes

228
00:11:16,670 --> 00:11:19,440
skambinti, kad tam tikro objekto metodu.

229
00:11:19,440 --> 00:11:23,180
Ir mes niekada negali skambinti, kad
funkcija nepriklauso nuo objekto,

230
00:11:23,180 --> 00:11:29,260
kaip mes negalime pasakyti, metus ar modelis
nepriklausomai nuo C struct

231
00:11:29,260 --> 00:11:32,300
>> Taigi funkcinis programavimas
paradigmos atrodo kažkas panašaus į tai.

232
00:11:32,300 --> 00:11:35,450
Funkcija ir tada, kai pereisite
į objektą kaip parametras.

233
00:11:35,450 --> 00:11:38,650
Be Objektinis programavimas
kalbos, tai tarsi tampa

234
00:11:38,650 --> 00:11:43,464
apversta, ir mes galvojame apie
tai, kaip šis, object.function.

235
00:11:43,464 --> 00:11:45,380
Taigi tarsi tos tašku
operatorius vėl reiškia

236
00:11:45,380 --> 00:11:49,540
kad tai kai turto Rūšiuoti
arba požymis paties objekto.

237
00:11:49,540 --> 00:11:53,240
Bet tai, ką objektas
orientuota programavimo kalba

238
00:11:53,240 --> 00:11:57,150
gali padaryti, kad funkcija
skambinti ant metodu, vėl, kuri

239
00:11:57,150 --> 00:12:00,260
yra tik specialus žodis funkcijos
kad yra neatskiriamas prie objekto.

240
00:12:00,260 --> 00:12:03,440
Tai, ką tai
sintaksė gali atrodyti.

241
00:12:03,440 --> 00:12:09,360
Ir taip mes pradėsime pamatyti kai
ši į JavaScript kontekste.

242
00:12:09,360 --> 00:12:12,470
>> Jūs taip pat galite galvoti apie objekto
rūšiuoti kaip masyvą,

243
00:12:12,470 --> 00:12:14,160
kurį mes esate susipažinę su nuo PHP.

244
00:12:14,160 --> 00:12:17,720
Įsiminti Association masyvas leidžia
mums turėti rakto poras, o ne

245
00:12:17,720 --> 00:12:23,040
turintys indeksų 0, vienas, du, trys,
ir taip toliau, kaip mes naudojamas iš C

246
00:12:23,040 --> 00:12:23,940
masyvų.

247
00:12:23,940 --> 00:12:27,472
Asociatyvūs masyvai gali žemėlapis
žodžiai, pavyzdžiui, PHP vaizdo,

248
00:12:27,472 --> 00:12:29,180
mes kalbame apie
užpilai picų.

249
00:12:29,180 --> 00:12:31,180
Ir todėl mes turėjome masyvą
vadinami picos, ir mes

250
00:12:31,180 --> 00:12:36,670
turėjo sūris buvo pagrindinis ir 8,99 $ buvo
vertė, o tada ankštpipiriai buvo pagrindinis,

251
00:12:36,670 --> 00:12:39,190
9,99 $ buvo vertės, ir taip toliau.

252
00:12:39,190 --> 00:12:43,300
Ir taip mes taip pat galime pagalvoti apie
prieštarauti tarsi panašus į Association

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

254
00:12:43,840 --> 00:12:47,020
Ir todėl ši sintaksė čia
būtų sukurti naują objektą

255
00:12:47,020 --> 00:12:50,950
vadinamas Herbie su dviem
NT viduje ji.

256
00:12:50,950 --> 00:12:57,310
Metai, kuri yra priskiriama vertė 1963
ir modelis, kuris yra priskirtas eilutę

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

258
00:12:58,140 --> 00:13:01,770
>> Ir pastebėti, kad čia aš naudoju
Viengubomis kabutėmis JavaScript.

259
00:13:01,770 --> 00:13:05,570
Galite naudoti vieną ar kabutes
kai jūs kalbate apie stygos.

260
00:13:05,570 --> 00:13:07,772
Tai tiesiog tradiciškai
Tuo atveju, dauguma kartų

261
00:13:07,772 --> 00:13:10,230
kai rašote JavaScript,
tiesiog naudokite kabutes.

262
00:13:10,230 --> 00:13:15,050
Bet aš galėtų naudoti dvigubas kabutes čia, ir
kad būtų visiškai gerai, taip pat.

263
00:13:15,050 --> 00:13:17,470
>> Taigi prisiminti, kaip į
PHP mes turėjome šią sąvoką

264
00:13:17,470 --> 00:13:22,730
iš to, kiekviena kilpa, kad leistų mus
į kartoti per visą rakto

265
00:13:22,730 --> 00:13:25,270
poros Association
masyvas, nes mes

266
00:13:25,270 --> 00:13:29,050
neturėjo šį gebėjimą pakartoti
per 0, vienas, du, tris, keturis,

267
00:13:29,050 --> 00:13:30,710
ir taip toliau?

268
00:13:30,710 --> 00:13:35,010
JavaScript turi kažką labai panašios,
Bet tai ne vadinamas kiekvienos kilpos,

269
00:13:35,010 --> 00:13:38,960
ji vadinama dėl kilpomis.

270
00:13:38,960 --> 00:13:42,890
Taigi, jei aš sakė, kad man patinka
Tai, var rakto objektas,

271
00:13:42,890 --> 00:13:48,670
tai tarsi panašus į sakydamas
kiekvienam kažką kaip kažką.

272
00:13:48,670 --> 00:13:53,850
Bet viskas, ką aš darau čia Iteracja
per visus iš savo objekto raktus.

273
00:13:53,850 --> 00:13:56,070
Ir viduje garbanotieji
ten petnešos, aš norėčiau

274
00:13:56,070 --> 00:14:03,410
naudoti objekto laužtiniuose skliaustuose raktą perduoti
į tą pagrindinis vietos vertę.

275
00:14:03,410 --> 00:14:05,400
>> Arba ten
net kitą metodą.

276
00:14:05,400 --> 00:14:10,880
Jei aš tiesiog rūpi tik apie
vertės, galiu pasakyti rakto objektas,

277
00:14:10,880 --> 00:14:12,360
ir tiesiog naudokite raktą viduje.

278
00:14:12,360 --> 00:14:17,240
Taigi var rakto objektas, turiu
naudoti objektų skliaustus

279
00:14:17,240 --> 00:14:19,340
raktas viduje linijos.

280
00:14:19,340 --> 00:14:24,580
Var rakto objektas, galiu
tiesiog naudokite raktą viduje linijos,

281
00:14:24,580 --> 00:14:29,040
nes aš tik specialiai
kalbame apie ten vertybes.

282
00:14:29,040 --> 00:14:32,630
>> Taigi leiskite gal užtrukti
pažvelgti į skirtumo

283
00:14:32,630 --> 00:14:35,670
tik greitai parodyti jums,
tarp keturių skirtumas

284
00:14:35,670 --> 00:14:40,730
ir už kartu su labai specifinė
masyvas, kurį mes čia savaitę masyvo.

285
00:14:40,730 --> 00:14:43,616
Taigi turiu rasti naują masyvo
kad aš alsuoja septynių stygų,

286
00:14:43,616 --> 00:14:46,240
Pirmadienis, Antradienis, Trečiadienis,
Ketvirtadienis, Penktadienis, šeštadienis, sekmadienis.

287
00:14:46,240 --> 00:14:50,530
Ir aš noriu dabar pakartoti
per šio masyvo,

288
00:14:50,530 --> 00:14:53,090
spausdinti tam tikrą informaciją.

289
00:14:53,090 --> 00:14:58,780
Jei aš naudoju už LOOP
spausdinti informaciją

290
00:14:58,780 --> 00:15:00,710
Ką manote, kad aš ruošiuosi gauti?

291
00:15:00,710 --> 00:15:01,710
Na, leiskite pažvelgti.

292
00:15:01,710 --> 00:15:05,300
Ir kol mes šokinėti per
mano naršyklės lange,

293
00:15:05,300 --> 00:15:08,090
tiesiog žinau, kad
console.log yra tarsi vienas

294
00:15:08,090 --> 00:15:10,630
būdas tai spausdinimo F JavaScript.

295
00:15:10,630 --> 00:15:12,040
Bet kas yra konsolė?

296
00:15:12,040 --> 00:15:14,940
Na, tai ką mes ketiname
eiti pažvelgti dabar.

297
00:15:14,940 --> 00:15:16,850
>> Gerai, kad mes grįžome čia
mano naršyklės lange,

298
00:15:16,850 --> 00:15:19,410
ir aš ruošiuosi atidaryti
iki mano Kūrėjo įrankiai.

299
00:15:19,410 --> 00:15:22,290
Vėlgi, aš tiesiog pataikyti F12
atverti Kūrėjo įrankiai.

300
00:15:22,290 --> 00:15:25,670
Ir pastebėsite, kad čia ne
Top aš pasirinko konsolę.

301
00:15:25,670 --> 00:15:28,480
Taigi tai yra sąvoka
iš kūrėjo konsolę,

302
00:15:28,480 --> 00:15:30,500
ir tai leis mums
spausdinti informaciją iš,

303
00:15:30,500 --> 00:15:33,000
rūšiuoti panašaus į terminalą, bet
kaip pamatysite šiek tiek vėliau,

304
00:15:33,000 --> 00:15:37,720
mes taip pat gali įvesti informaciją
bendrauti su mūsų tinklalapio.

305
00:15:37,720 --> 00:15:42,320
Aš ruošiuosi padidinti šiek tiek čia
ir aš gonna dabar spustelėkite ant testas.

306
00:15:42,320 --> 00:15:45,230
Ir keturi test-- Aš ne viskas
parodyti jums jo kodą dabar,

307
00:15:45,230 --> 00:15:47,479
bet jūs jį gauti, jei
atsisiųsti kodą, kad

308
00:15:47,479 --> 00:15:50,380
yra susijęs su šiuo video--
yra tik tai, kad pagal kilpa

309
00:15:50,380 --> 00:15:52,610
kad mes matėme tik
Antrasis prieš skaidrėje.

310
00:15:52,610 --> 00:15:54,810
>> Taigi aš gonna Spauskite, kad
mygtuką, ir daugiau čia

311
00:15:54,810 --> 00:15:58,440
čia tai, kas išspausdinti į
konsolė, 0, vienas, du, tris, keturis, penkis,

312
00:15:58,440 --> 00:15:58,940
šeši.

313
00:15:58,940 --> 00:16:02,490
Aš ne atsispausdinti informaciją
viduje šių masyvų vietose,

314
00:16:02,490 --> 00:16:05,180
nes aš naudojamas pagal kilpa.

315
00:16:05,180 --> 00:16:10,670
Ir viduje kilpos kūno, aš
tiesiog atspausdinti raktą neprieštaraus klavišą.

316
00:16:10,670 --> 00:16:18,600
Bet jei aš dabar aišku, mano konsolę, ir aš
pereiti prie už bandymo ir keturių bandymų

317
00:16:18,600 --> 00:16:22,500
Sakau aš naudoju Vijos
o ir atsispausdinti raktą,

318
00:16:22,500 --> 00:16:28,079
jei aš spustelėkite, kad dabar aš gaunu
faktiniai elementai viduje mano objektas

319
00:16:28,079 --> 00:16:29,120
ar mano masyvas šioje byloje.

320
00:16:29,120 --> 00:16:31,760
Mano masyvas savaitės dienomis.

321
00:16:31,760 --> 00:16:33,480
Aš atspausdinti Pirmadienis,
Antradienis, trečiadienį.

322
00:16:33,480 --> 00:16:36,930
Taigi, kad skirtumas tarp
už į kilpą, kuri spausdina

323
00:16:36,930 --> 00:16:43,410
vos raktai Jei naudojate tik raktą
viduje kilpos kūno,

324
00:16:43,410 --> 00:16:46,850
ir už Vijos, kuris spausdina
iš verčių, jei jūs naudojate tik

325
00:16:46,850 --> 00:16:48,870
raktas viduje kilpa kūno.

326
00:16:48,870 --> 00:16:52,380
>> Gerai, kaip dabar mes pradedame
Jungiant eilutes, o gal išmaišyti

327
00:16:52,380 --> 00:16:57,220
kai interpoliuojant kintamieji
kaip mes galėjome padaryti PHP?

328
00:16:57,220 --> 00:16:59,410
Na, mes gana susipažinę
su šiuo nuo PHP.

329
00:16:59,410 --> 00:17:04,109
Tai, kaip mes būtų tai padaryti naudojant
dot operatorius Jungiant eilutes.

330
00:17:04,109 --> 00:17:06,260
Be JavaScript, nors,
mes iš tikrųjų naudoti kažką

331
00:17:06,260 --> 00:17:09,290
vadinamas plius operatorius, kuris
yra gal net šiek tiek daugiau

332
00:17:09,290 --> 00:17:10,470
intuityvus, tiesa?

333
00:17:10,470 --> 00:17:12,609
Mes pridedant krūva
eilučių kartu.

334
00:17:12,609 --> 00:17:14,520
Taigi leiskite galvą atgal
daugiau ir pamatyti, ką tai

335
00:17:14,520 --> 00:17:18,693
bus atspausdinti, jei mes bandome atsispausdinti
visi į savaičių masyvo informaciją.

336
00:17:18,693 --> 00:17:20,859
Visos teisės, todėl pagal čia
pagal simbolių eilučių sujungimas,

337
00:17:20,859 --> 00:17:24,822
Turiu du variantus, styginių pastatas
V1 ir tada seka pastatas V2.

338
00:17:24,822 --> 00:17:26,530
Ir mes pamatysime, kodėl mes
reikia V2 per sekundę.

339
00:17:26,530 --> 00:17:28,610
Bet aš gonna spustelėkite
styginių V1, kuris

340
00:17:28,610 --> 00:17:30,360
yra kodas buvome
tik atsižvelgiant pažvelgti,

341
00:17:30,360 --> 00:17:32,980
console.log su visais pliusus.

342
00:17:32,980 --> 00:17:35,910
Leiskite pamatyti, jei tai spausdina
, ką mes tikimės.

343
00:17:35,910 --> 00:17:39,939
>> Pirmadienis dienos numeris 01 savaitės,
Antradienis yra diena numeris 11 savaitės.

344
00:17:39,939 --> 00:17:41,730
Na, ką aš bandžiau
padaryti buvo gauti

345
00:17:41,730 --> 00:17:46,280
tai atsispausdinti pirmadienis dieną, skaičius
vienas, antradienis yra diena numeris du.

346
00:17:46,280 --> 00:17:50,140
Tačiau atrodo, kad aš
visada spausdinti vieną.

347
00:17:50,140 --> 00:17:51,260
Na, kodėl taip yra?

348
00:17:51,260 --> 00:17:55,600
Na, it turns out, išgerkite kitą išvaizdą
Šiuo mažai kodo fragmentą čia.

349
00:17:55,600 --> 00:18:00,160
Atkreipkite dėmesį, kad mes naudojame pliuso
operatorius dviejuose skirtinguose kontekstuose.

350
00:18:00,160 --> 00:18:03,221
>> Ir taip čia, kur gal kas
kad mes natūra buvo suprantama,

351
00:18:03,221 --> 00:18:03,970
oh, tai toks didelis.

352
00:18:03,970 --> 00:18:05,910
Mes neturime kovoti su duomenų tipų nebėra.

353
00:18:05,910 --> 00:18:08,220
Bet čia, kur tai
kad mes prarasti duomenų tipai

354
00:18:08,220 --> 00:18:10,960
tikrųjų gali būti šiek tiek
iš už mus problemą.

355
00:18:10,960 --> 00:18:16,260
Dabar, kad pridėjus operatorius yra naudojamas
Jungiant eilutes ir pridėti numerius

356
00:18:16,260 --> 00:18:19,550
kartu JavaScript turi
padaryti savo geriausią spėjimą

357
00:18:19,550 --> 00:18:22,030
kaip tai, ką aš noriu, kad ji tai padaryti už mane.

358
00:18:22,030 --> 00:18:23,900
Ir šiuo atveju, tai atspėti negerai.

359
00:18:23,900 --> 00:18:29,340
Jis tiesiog sudurtinius dieną, kuri būtų
0, vienas, du, tris, keturis, penkis arba šešis,

360
00:18:29,340 --> 00:18:32,060
ir tada jis tiesiog sujungiamos
kad ir tada sujungiamos vieną.

361
00:18:32,060 --> 00:18:35,020
Tai iš tikrųjų nebuvo įtraukti juos kartu.

362
00:18:35,020 --> 00:18:37,320
Ir taip tos kalbos,
PHP ir JavaScript

363
00:18:37,320 --> 00:18:39,196
kad tezės toli
Šis tipų samprata,

364
00:18:39,196 --> 00:18:40,820
Jūs neturite kovoti su ja nebėra.

365
00:18:40,820 --> 00:18:43,600
Jie vis dar turi tipus po gaubtu.

366
00:18:43,600 --> 00:18:46,780
Ir mes galime tais atvejais,
kaip tai, sverto šį faktą

367
00:18:46,780 --> 00:18:49,240
sakydamas kažką
kaip gal tai, kuris

368
00:18:49,240 --> 00:18:53,210
pasakoja JavaScript, tokiu
būdas, gydyti tai kaip sveikasis skaičius,

369
00:18:53,210 --> 00:18:57,100
netraktuoja kaip eilutę, net
nors mes sumaišius stygos

370
00:18:57,100 --> 00:18:58,940
ir sveikieji čia.

371
00:18:58,940 --> 00:19:02,204
>> Tai tik vienas iš tų dalykų,
kad jis atrodo toks didelis kontekste

372
00:19:02,204 --> 00:19:04,120
kad mes neturi
spręsti tipų nebėra,

373
00:19:04,120 --> 00:19:05,828
bet kartais jums
paleisti į situaciją

374
00:19:05,828 --> 00:19:09,110
tiksliai, kaip tai, kur tai, kad
Jūs neturite kontroliuoti tipų

375
00:19:09,110 --> 00:19:11,220
gali turėti neigiamos jums
jei nesate atsargūs.

376
00:19:11,220 --> 00:19:18,285
Ir todėl, jei mes grįžti virš IDE, aš
ketina išsiaiškinti savo konsolę vėl,

377
00:19:18,285 --> 00:19:20,660
ir aš ruošiuosi spustelėkite eilutę
Pastatas versija dvi, kurios

378
00:19:20,660 --> 00:19:23,052
kur aš naudoju, kad parse int funkciją.

379
00:19:23,052 --> 00:19:25,260
Dabar ji spausdinti
informacija, kad aš laukiu.

380
00:19:25,260 --> 00:19:29,330
Pirmadienio dieną numeris vienas, antradienį
yra dieną numeris du, ir taip toliau.

381
00:19:29,330 --> 00:19:31,170
>> Taigi pakalbėkime apie funkcijų dar kartą.

382
00:19:31,170 --> 00:19:34,790
Pažadėjau mes kalbame apie anoniminis
funkcijos, o dabar už tai kontekstas

383
00:19:34,790 --> 00:19:36,360
pagaliau atvyko.

384
00:19:36,360 --> 00:19:39,980
Taigi, kol mes padaryti, pakalbėkime dar kartą
apie masyvų vos sekundę.

385
00:19:39,980 --> 00:19:42,120
Taigi matricos yra specialus
atvejis objektas.

386
00:19:42,120 --> 00:19:45,180
Tiesą sakant, viskas
JavaScript yra iš tikrųjų objektas.

387
00:19:45,180 --> 00:19:47,190
Taigi, funkcijos yra
ypatingas atvejis objektas,

388
00:19:47,190 --> 00:19:49,770
sveikieji skaičiai yra ypatinga
atvejis objektas,

389
00:19:49,770 --> 00:19:52,152
bet matricas specialiai
turėti metodų, skaičių.

390
00:19:52,152 --> 00:19:55,110
Įsiminti nes jie objektus,
jie gali turėti savybes ir metodus.

391
00:19:55,110 --> 00:19:58,600
Jie turi vieną iš metodų, numerį, kad
gali būti taikomi šių objektų.

392
00:19:58,600 --> 00:20:01,197
Yra būdas vadinamas
dydis, array.size,

393
00:20:01,197 --> 00:20:03,030
kuris bus grįžti į
Jums kaip galima tikėtis

394
00:20:03,030 --> 00:20:05,120
iš elementų savo masyvas skaičius.

395
00:20:05,120 --> 00:20:08,480
array.pop, tarsi
Mūsų samprata Popping išjungtas

396
00:20:08,480 --> 00:20:11,110
iš kamino, jei jūs prisimenate
iš mūsų kaminai vaizdo,

397
00:20:11,110 --> 00:20:13,810
pašalina paskutinį elementą iš masyvo.

398
00:20:13,810 --> 00:20:17,110
array.push prideda naują elementą
į masyvą pabaigoje.

399
00:20:17,110 --> 00:20:20,910
array.shift yra tarsi
kaip DQ, tai sudurtųjų iš

400
00:20:20,910 --> 00:20:23,610
labai pirmasis elementas masyve.

401
00:20:23,610 --> 00:20:27,549
>> Bet yra ir kitas ypatingas
metodas masyvo vadinamas žemėlapį.

402
00:20:27,549 --> 00:20:29,340
Ir tai yra tarsi
įdomi koncepcija.

403
00:20:29,340 --> 00:20:30,930
Taigi, kas yra žemėlapyje idėja?

404
00:20:30,930 --> 00:20:33,880
Jūs iš tikrųjų matyti šį
kelių kitų kalbų,

405
00:20:33,880 --> 00:20:38,550
ir mes kalbame ne apie
rūšiuoti kartografų map čia

406
00:20:38,550 --> 00:20:41,480
mes kalbame apie žemėlapių funkciją.

407
00:20:41,480 --> 00:20:44,110
Be konteksto mes
kalbame apie čia žemėlapis

408
00:20:44,110 --> 00:20:47,950
yra speciali operacija mes
gali atlikti patikrinimus vietoje masyvo

409
00:20:47,950 --> 00:20:51,630
taikyti tam tikrą funkciją
į kiekvieną tos masyvo elementas.

410
00:20:51,630 --> 00:20:55,190
ir taip mes sakome
šiuo atveju, gal array.map,

411
00:20:55,190 --> 00:21:00,330
ir viduje ji, mes artimųjų
į žemėlapyje yra funkcija, kad mes norime

412
00:21:00,330 --> 00:21:02,430
kuris turi būti taikomas kiekvieno elemento.

413
00:21:02,430 --> 00:21:07,299
Taigi, tai tarsi analogiškas naudojant
kilpos pakartoti per kiekvieną elementą

414
00:21:07,299 --> 00:21:09,340
ir taikyti tam tikras
veikti į kiekvieną elementą,

415
00:21:09,340 --> 00:21:14,830
tiesiog "JavaScript" tai pastatyta
sąvoka iš žemėlapių, kad būtų galima taikyti.

416
00:21:14,830 --> 00:21:19,700
Ir tai yra didelis konteksto
kalbėti apie anoniminių funkcija.

417
00:21:19,700 --> 00:21:22,370
>> Taigi tarkime, mes turime
Šis sveikieji masyvo.

418
00:21:22,370 --> 00:21:25,370
Tai vadinama nums ir jis gavo penkis
viskas jame, vienas, du, tris, keturis,

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

420
00:21:26,410 --> 00:21:30,620
Dabar aš noriu map kai
funkcija į šią masyvo.

421
00:21:30,620 --> 00:21:34,337
Noriu turėti taikomos funkcija
į kiekvieną masyvo elementas.

422
00:21:34,337 --> 00:21:37,420
Na, tarkime, kad tai, ką noriu
padaryti, tai tik dvigubai visus elementus.

423
00:21:37,420 --> 00:21:42,520
Ką galėčiau padaryti, tai tiesiog naudokite kilpa
už var I lygus 0, I yra mažiau nei

424
00:21:42,520 --> 00:21:47,390
arba lygus 4, I plius, pridedant, ir
Tada du kartus kiekvieną numerį.

425
00:21:47,390 --> 00:21:49,580
Bet aš taip pat galime padaryti kažką panašaus į tai.

426
00:21:49,580 --> 00:21:53,420
Galiu pasakyti nums anksčiau buvo
vienas du trys Keturi Penki,

427
00:21:53,420 --> 00:21:58,310
dabar, nors norėčiau jus
taikyti žemėlapių ant šio masyvo

428
00:21:58,310 --> 00:22:00,400
kur aš norėčiau, kad jūs
padvigubinti kiekvieną numerį.

429
00:22:00,400 --> 00:22:02,540
Ir tai būtent tai,
kas čia vyksta.

430
00:22:02,540 --> 00:22:06,870
Tačiau pastebėti tai, ką aš artimųjų
AS argumentas, į žemėlapį.

431
00:22:06,870 --> 00:22:09,080
Tai yra anoniminis funkcija.

432
00:22:09,080 --> 00:22:11,140
Ir pastebėsite Aš nedavė
Ši funkcija vardas,

433
00:22:11,140 --> 00:22:13,290
Aš tik suteikti jai parametrų sąrašą.

434
00:22:13,290 --> 00:22:16,370
Ir todėl tai yra pavyzdys
anoniminio funkcija.

435
00:22:16,370 --> 00:22:21,270
>> Mes paprastai niekada tai vadiname
funkcija nepriklausė žemėlapyje kontekste.

436
00:22:21,270 --> 00:22:24,110
Mes apibrėžiant ją kaip parametras
į žemėlapį, ir todėl mes tikrai ne

437
00:22:24,110 --> 00:22:27,910
reikia turėti vardą už jį, jei
Vienintelis dalykas, kuris rūpi tai žemėlapis

438
00:22:27,910 --> 00:22:30,339
ir tai apibrėžta teisė
ten viduje žemėlapyje.

439
00:22:30,339 --> 00:22:31,880
Ir todėl tai yra anoniminis funkcija.

440
00:22:31,880 --> 00:22:34,680
Mes negalėjome
tai padaryti anksčiau.

441
00:22:34,680 --> 00:22:38,400
Žemėlapis šiek funkciją, kuri
priima vieną parametrą, Num,

442
00:22:38,400 --> 00:22:41,890
ir kas, kad funkcija nėra
yra grįžta num kartus 2.

443
00:22:41,890 --> 00:22:45,330
Ir taip po to
kartografavimas buvo taikomas,

444
00:22:45,330 --> 00:22:50,090
tai, ką nums išvaizda
panašiai, dviejų, keturių, šešių, aštuonių, 10.

445
00:22:50,090 --> 00:22:52,090
Ir mes pop į mano
naršyklės langą ir tiesiog

446
00:22:52,090 --> 00:22:55,240
Pažvelkite į šį išvaizdą
tikrai greitai, kaip gerai.

447
00:22:55,240 --> 00:22:58,000
>> Taigi, aš turiu kitą mygtuką čia
mano pagrindiniame puslapyje vadinamas dvigubai.

448
00:22:58,000 --> 00:23:03,570
Ir kai aš spustelėkite du kartus, ir tai pasako
me prieš tai buvo vieną, du, tris, keturis,

449
00:23:03,570 --> 00:23:07,250
penkių po dviejų, keturių, šeši, aštuoni, 10.

450
00:23:07,250 --> 00:23:11,930
Ir jei aš einu atgal ir spustelėkite du kartus
vėl, dviejų, keturių, šešių, aštuonių, 10.

451
00:23:11,930 --> 00:23:17,400
Ir tada, po, keturių,
aštuoni, 12, 16, 20 ir tada.

452
00:23:17,400 --> 00:23:20,440
Ir ką aš darau šioje funkcijoje?

453
00:23:20,440 --> 00:23:25,210
Na, jei mes tiesiog pop perkelti į IDE ir
Aš atsigriebti savo anoniminį funkciją, čia

454
00:23:25,210 --> 00:23:28,780
ant septynių linijos, einančios per 13 Aš
daro šiek tiek išgalvotas darbą čia

455
00:23:28,780 --> 00:23:32,240
bet aš tiesiog spausdinti
kas šiuo metu masyvo.

456
00:23:32,240 --> 00:23:36,580
Tada, linijos 16 17,
ir 18, ten mano žemėlapis.

457
00:23:36,580 --> 00:23:40,930
Tai kur aš Taikant šį padvigubinti
funkcija kiekvienam elementui.

458
00:23:40,930 --> 00:23:43,530
Ir tada šiek tiek toliau žemyn,
Aš tiesiog daro tą patį

459
00:23:43,530 --> 00:23:46,640
Darau prieš, išskyrus dabar aš
spausdinti masyvo turinį

460
00:23:46,640 --> 00:23:48,167
vėliau.

461
00:23:48,167 --> 00:23:50,500
Bet viskas, ką aš padariau čia
tiesiog naudokite anoniminį funkciją

462
00:23:50,500 --> 00:23:53,640
į žemėlapį visoje visą masyvą.

463
00:23:53,640 --> 00:23:58,466
>> Taigi dar vienas didelis tema, kalbėti apie
JavaScript yra įvykio sąvoka.

464
00:23:58,466 --> 00:24:01,590
Įvykis yra kažkas, kad tiesiog atsitinka
kai vartotojas sąveikauja su jūsų internete

465
00:24:01,590 --> 00:24:04,715
puslapis, tad gal jie spustelėkite kažką,
arba gal puslapis yra įkeltos,

466
00:24:04,715 --> 00:24:07,200
o gal jie jau persikėlė
jų pelę ant kažko,

467
00:24:07,200 --> 00:24:09,290
ar jie įvedėte kažką
į įėjimo srityje.

468
00:24:09,290 --> 00:24:14,260
Visi šie dalykai yra Renginiai
kurie vyksta mūsų tinklalapio.

469
00:24:14,260 --> 00:24:17,460
Ir "JavaScript turi tą
gebėjimas palaikyti kažką

470
00:24:17,460 --> 00:24:21,760
vadinamas renginys prižiūrėtojas, kuris
yra atgalinių funkcija,

471
00:24:21,760 --> 00:24:23,329
reaguoja į html atveju.

472
00:24:23,329 --> 00:24:24,620
Ir kas atgalinio ryšio funkcija?

473
00:24:24,620 --> 00:24:27,328
Na, tai paprastai tik dar
pavadinimas anoniminių funkcija.

474
00:24:27,328 --> 00:24:30,170
Tai funkcija, kuri
reaguoja į renginį.

475
00:24:30,170 --> 00:24:34,130
Ir tai, kai mes einame į
idėja privalomas tam tikras funkcijas

476
00:24:34,130 --> 00:24:38,060
į tam tikrą html atributas.

477
00:24:38,060 --> 00:24:41,420
Dauguma HTML elementai turi
parama atributą

478
00:24:41,420 --> 00:24:45,170
kad mes ne kalbėti apie HTML
Vaizdo kažką panašaus paspaudimu

479
00:24:45,170 --> 00:24:50,540
arba hover arba apkrovai,
visų šių įvykių

480
00:24:50,540 --> 00:24:53,120
kad tada galite rašyti funkcijas
kad susidoroti su šių įvykių

481
00:24:53,120 --> 00:24:56,090
kai tie įvykiai
atsirasti jūsų tinklalapį.

482
00:24:56,090 --> 00:24:59,170
>> Ir taip gal tavo html
atrodo kažkas panašaus į tai.

483
00:24:59,170 --> 00:25:02,240
Ir aš turiu du mygtukus čia
mygtuką vieną ir mygtuką du,

484
00:25:02,240 --> 00:25:04,620
ir čia turiu dabar
apibrėžta nieko,

485
00:25:04,620 --> 00:25:11,170
tačiau tai yra, kur ant atributo
paspaudimas, matyt, dalis mano HTML tegus.

486
00:25:11,170 --> 00:25:15,220
Taigi, matyt, kai aš apibrėžti, kas yra
vyksta viduje tos atributas,

487
00:25:15,220 --> 00:25:18,590
tai bus kai Javaskriptą
funkcija, kuri reaguoja į renginį

488
00:25:18,590 --> 00:25:24,360
matyt paspaudę ant
mygtuką vieną mygtuką arba du.

489
00:25:24,360 --> 00:25:28,580
>> Kas tipo kietas, apie tai mes
gali parašyti bendrą renginį prižiūrėtojas.

490
00:25:28,580 --> 00:25:32,370
Ir šis renginys nagrinėjimą
sukurti renginių objektą.

491
00:25:32,370 --> 00:25:37,000
Ir įvykis objektas bus pasakyti mums
kuris iš dviejų mygtukų buvo paspaudėte.

492
00:25:37,000 --> 00:25:38,064
Dabar, kaip tai veikia?

493
00:25:38,064 --> 00:25:39,730
Na, tai gali atrodyti kažką panašaus į tai.

494
00:25:39,730 --> 00:25:44,860
Taigi, mes pirmiausia apibrėžti savo mygtukus
turėti atsakymą į perskambinti

495
00:25:44,860 --> 00:25:47,470
funkcija, kuri bus vadinama
kai mygtukas paspaudžiamas,

496
00:25:47,470 --> 00:25:49,520
mes vadiname įvykį įspėjimo vardą.

497
00:25:49,520 --> 00:25:53,320
Ir pranešimas abiem atvejais mes esame
einančios į šio renginio parametrą.

498
00:25:53,320 --> 00:25:55,460
Taigi mes vadiname šią funkciją
arba kai šią funkciją

499
00:25:55,460 --> 00:26:00,330
iššaukiamas tuo atveju vyksta,
jis ketina sukurti šį įvykio objektą

500
00:26:00,330 --> 00:26:03,300
ir perduoti jį kaip
parametras įspėti vardą.

501
00:26:03,300 --> 00:26:07,270
Ir tas įvykis objektas
ketina pateikiama informacija

502
00:26:07,270 --> 00:26:09,800
apie kuriuos mygtukas paspaudėte.

503
00:26:09,800 --> 00:26:11,580
Ir kaip ji padaryti?

504
00:26:11,580 --> 00:26:13,654
Na, tai gali atrodyti kažką panašaus į tai.

505
00:26:13,654 --> 00:26:15,570
Taigi dabar mano atskiras
Failas JavaScript, galiu

506
00:26:15,570 --> 00:26:17,420
turite rasti tai
funkcija perspėjimas vardas, kuris

507
00:26:17,420 --> 00:26:19,500
vėl priima Tokiu atveju parametrą.

508
00:26:19,500 --> 00:26:24,640
Ir tada čia yra, kur aš aptikti
kurį mygtuką sukėlė,

509
00:26:24,640 --> 00:26:28,100
var sukelti lygus renginį
dot šaltinio elementas.

510
00:26:28,100 --> 00:26:33,150
Koks buvo šaltinis, kuris sukūrė
Šis renginys objektas, kuris buvo priimtas?

511
00:26:33,150 --> 00:26:36,390
Ar tai buvo mygtuką vieną ar jis buvo mygtuką du?

512
00:26:36,390 --> 00:26:40,710
>> Ir tada čia viskas, ką aš darau yra
spausdinti trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
Na, šiuo atveju, šiame
kontekstas, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
yra tik tai, kas parašyta ant mygtuko.

515
00:26:45,940 --> 00:26:48,830
Jis tiesiog taip atsitinka, jei mes šokinėti
atgal per sekundę, kad būtų

516
00:26:48,830 --> 00:26:51,670
būti, kas yra tarp tų mygtukų žymes.

517
00:26:51,670 --> 00:26:54,150
Tai bus mygtuką vieną mygtuką arba du.

518
00:26:54,150 --> 00:26:57,320
Ir tegul pažvelgti
kaip šis renginys prižiūrėtojas būtų

519
00:26:57,320 --> 00:27:01,080
atrodo, jei mes turėjome tai veikia praktikoje.

520
00:27:01,080 --> 00:27:03,850
>> Taigi, visų pirma, jūs
atvėrė events.js,

521
00:27:03,850 --> 00:27:06,517
kuri yra failas JavaScript, kur
Aš apibrėžta šią funkciją.

522
00:27:06,517 --> 00:27:08,558
Ir, kaip matote, tai
gana daug, ką

523
00:27:08,558 --> 00:27:10,230
mes tik pamačiau ant skaidrės antras prieš.

524
00:27:10,230 --> 00:27:14,890
Ir aš eisiu per į
Titulinis puslapis mes jau naudojate.

525
00:27:14,890 --> 00:27:17,660
Ir aš turiu čia mygtuką
vienas ir mygtuką du.

526
00:27:17,660 --> 00:27:19,820
Ir aš paspauskite mygtuką vieną.

527
00:27:19,820 --> 00:27:23,930
Jūs paspaudėte mygtuką vieną, jei jums
galite pamatyti čia perspėjime.

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

529
00:27:25,810 --> 00:27:28,980
Paspauskite mygtuką du, jums
paspaudžia ant mygtuko du.

530
00:27:28,980 --> 00:27:32,150
>> Taigi abu mygtukai turėti
pati skambinimo funkcijos, tiesa?

531
00:27:32,150 --> 00:27:35,840
Jie abu buvo perspėjimas vardas
įvykis, bet šis įvykis objektas

532
00:27:35,840 --> 00:27:41,900
kad gauna sukūrė kai mes spustelėkite
jis pasakoja, kurį mygtuką paspausti buvo.

533
00:27:41,900 --> 00:27:44,650
Mes neturėjome rašyti du atskiri
funkcijas arba spręsti turintys

534
00:27:44,650 --> 00:27:46,470
perduoti bet kokią papildomą informaciją.

535
00:27:46,470 --> 00:27:48,220
Užtenka tik pasikliaujant
kas Javaskriptą bus

536
00:27:48,220 --> 00:27:53,772
padaryti už mus, kurie yra sukurti, kad
Rūšiuoti renginio objektą mūsų vardu.

537
00:27:53,772 --> 00:27:56,730
Yra daug daugiau nei "JavaScript"
ką mes įtraukti į šį video,

538
00:27:56,730 --> 00:27:58,521
bet turintys jų
pagrindinė turėtų jums

539
00:27:58,521 --> 00:28:00,690
Ilgą būdai
mokymosi viską jums

540
00:28:00,690 --> 00:28:04,030
reikia žinoti apie tai
Įdomu kalba.

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

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

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