1
00:00:00,000 --> 00:00:03,840
>> [Musiikkia]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG Lloyd: Joten nyt olemme vanhoja
ammattilaisilta joko web ohjelmointi, eikö?

4
00:00:08,690 --> 00:00:12,140
Ja olemme kattaa useita
kielet yksittäisissä videoita.

5
00:00:12,140 --> 00:00:14,690
Ja nyt tehkäämme yksi, JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> Ensimmäinen hyvä uutinen, JavaScript
on moderni ohjelmointi

7
00:00:17,370 --> 00:00:21,410
kieli aivan kuten PHP, jonka
syntaksi on johdettu C: ssa,

8
00:00:21,410 --> 00:00:22,830
joten se on hyvä paikka aloittaa.

9
00:00:22,830 --> 00:00:25,880
Se on suunnilleen yhtä vanha kuin PHP, samoin,
on ollut noin noin 20 vuotta.

10
00:00:25,880 --> 00:00:28,600
Se keksittiin noin
samaan aikaan kuin PHP.

11
00:00:28,600 --> 00:00:32,240
Ja JavaScript on oikeastaan ​​aika
olennainen käyttökokemusta

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

13
00:00:32,740 --> 00:00:34,448
Itse asiassa, on
kolmella kielellä, että olen

14
00:00:34,448 --> 00:00:38,480
sanoisi tavallaan muodostavat
käyttäjäkokemuksen vuorovaikutuksessa

15
00:00:38,480 --> 00:00:42,650
kanssa verkkosivuilla, html,
css ja JavaScript.

16
00:00:42,650 --> 00:00:46,030
Ja nyt puhutaan
vähän tietoa JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> Huono uutinen, vaikka, jossa JavaScript on
että se asettaa paljon sääntöjä itse,

18
00:00:50,301 --> 00:00:51,300
ja sitten se hajoaa niitä.

19
00:00:51,300 --> 00:00:54,010
Ja JavaScript voi todella olla
Tällainen haastavaa oppia,

20
00:00:54,010 --> 00:00:57,000
koska se on toisin kuin C ja
PHP, joka on hyvin jäsennelty

21
00:00:57,000 --> 00:01:00,270
ja ovat hyvin jäykät säännöt
miten se voidaan tehdä.

22
00:01:00,270 --> 00:01:03,690
JavaScript on eräänlainen
on mennyt niin joustava

23
00:01:03,690 --> 00:01:06,650
että ehkä asiat eivät aio
toimi niin me odotamme heidän,

24
00:01:06,650 --> 00:01:09,830
ja ehkä me todella voi oppia
ensimmäinen ohjelmointikieli

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

26
00:01:10,769 --> 00:01:12,810
Joten ehkä koska se ei
asettanut itselleen sääntöjä,

27
00:01:12,810 --> 00:01:15,754
ja se ei ole oikeastaan
valvoa hyvä koodausta tapoja.

28
00:01:15,754 --> 00:01:18,170
Mutta nyt olemme toivottavasti kehittäneet
hyviä koodausta tapoja,

29
00:01:18,170 --> 00:01:21,470
ja jotta voimme aloittaa kokeilu
JavaScriptiä hieman.

30
00:01:21,470 --> 00:01:25,750
>> Voit kirjoittaa JavaScript, samanlainen aukko
ylös C tiedosto pisteellä C laajennus

31
00:01:25,750 --> 00:01:29,770
tai PHP-tiedosto pisteellä PHP laajennus,
kaikki meidän tarvitsee vain avata tiedosto

32
00:01:29,770 --> 00:01:31,764
kanssa piste js tiedostopääte.

33
00:01:31,764 --> 00:01:34,430
Emme tarvitse olla mitään erityisiä
erottimia kuten teimme PHP.

34
00:01:34,430 --> 00:01:36,750
Että sellainen kulma
kiinnike kysymysmerkki PHP

35
00:01:36,750 --> 00:01:40,300
että olemme tottuneet siitä, miten
kerromme selain, mitä meillä on

36
00:01:40,300 --> 00:01:43,502
JavaScript on sisällyttämällä
se html tag,

37
00:01:43,502 --> 00:01:46,210
ja näemme hieman siitä
miten se vain hetken.

38
00:01:46,210 --> 00:01:48,210
>> Toinen asia, joka tekee
JavaScript eri,

39
00:01:48,210 --> 00:01:50,580
kuitenkin se, että se toimii asiakkaan puolella.

40
00:01:50,580 --> 00:01:53,430
Joten muistaa PHP että
emme voisi koskaan todella nähdä

41
00:01:53,430 --> 00:01:57,041
PHP, joka korosti verkkosivuilla.

42
00:01:57,041 --> 00:01:59,040
Jos me koskaan katsottu
sivun lähdekoodi, olisimme vain

43
00:01:59,040 --> 00:02:02,830
katso html joka oli
syntyy että PHP.

44
00:02:02,830 --> 00:02:04,900
Mutta JavaScript toimii asiakkaan puolella.

45
00:02:04,900 --> 00:02:06,710
JavaScript toimii tietokoneessa.

46
00:02:06,710 --> 00:02:09,050
Ja siksi voit tehdä
asioita, kuten lisätä salpaajia.

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

48
00:02:09,550 --> 00:02:12,704
Mainos esto tehdään yleensä
tappaa kaikki JavaScript-

49
00:02:12,704 --> 00:02:14,370
joka on käynnissä erityisesti verkkosivuilla.

50
00:02:14,370 --> 00:02:19,000
Ja koska se on
ajaa koneen asiakkaan puolelta,

51
00:02:19,000 --> 00:02:21,910
voit vain lopettaa
Javascript käynnissä kokonaan.

52
00:02:21,910 --> 00:02:27,030
Tämä tarkoittaa myös sitä, että kun käytät
sivusto, joka sisältää JavaScript,

53
00:02:27,030 --> 00:02:32,450
sinun täytyy lähettää JavaScript lähde
koodi osana http vastaus

54
00:02:32,450 --> 00:02:34,159
asiakkaalle, kun he sitä pyytävät.

55
00:02:34,159 --> 00:02:35,950
Ja niin saatat ei
haluavat käyttää JavaScript

56
00:02:35,950 --> 00:02:38,395
tehdä todella herkkiä asioita
kuten välittämästä tietoa

57
00:02:38,395 --> 00:02:41,020
noin käyttäjän salasanat takaisin ja
ulos, koska he todella

58
00:02:41,020 --> 00:02:45,610
menossa saada kaikki lähdekoodin,
ei vain html, joka syntyy,

59
00:02:45,610 --> 00:02:49,030
kuten olisi asianlaita sanoa PHP.

60
00:02:49,030 --> 00:02:51,620
>> Miten siis sisällyttää JavaScript
meidän html aloittaa?

61
00:02:51,620 --> 00:02:54,520
No, samanlainen CSS, todella,
on eräänlainen miten sen teemme täällä.

62
00:02:54,520 --> 00:02:56,190
CSS meillä on tyylitunnisteet.

63
00:02:56,190 --> 00:03:00,760
Ja sisältä ne tyylitunnisteet,
voimme määritellä CSS tyylisivu.

64
00:03:00,760 --> 00:03:03,450
Samoin JavaScript
voimme avata koodit,

65
00:03:03,450 --> 00:03:06,660
toinen html tag emme
puhua meidän html video,

66
00:03:06,660 --> 00:03:09,720
ja kirjoittaa Javascriptin
näiden koodit.

67
00:03:09,720 --> 00:03:13,960
Myös kuitenkin, kuten CSS, me
voisi yhdistää ulkopuolella CSS-tiedostoja

68
00:03:13,960 --> 00:03:15,900
ja vetää heidät meidän ohjelma, joka tavalla.

69
00:03:15,900 --> 00:03:18,280
CSS voimme myös,
anteeksi, JavaScript

70
00:03:18,280 --> 00:03:23,240
voimme myös määrittää lähde
ominaisuus komentosarjatunnus

71
00:03:23,240 --> 00:03:25,720
yhdistää JavaScript
erikseen, joten et

72
00:03:25,720 --> 00:03:27,680
täytyy kirjoittaa se
välillä koodit, me

73
00:03:27,680 --> 00:03:29,600
voidaan linkittää sen avulla
että komentosarjatunnus samoin.

74
00:03:29,600 --> 00:03:33,230
Ja aivan kuten tapauksessa CSS jossa
suosittelemme, että se oli luultavasti

75
00:03:33,230 --> 00:03:36,090
oman edun kirjoittaa
CSS erilliseen tiedostoon, jos

76
00:03:36,090 --> 00:03:38,500
sinun täytyy muuttaa sitä,
Samoin me suosittelemme

77
00:03:38,500 --> 00:03:40,720
että kirjoitat
Javascriptin erillisinä tiedostoina

78
00:03:40,720 --> 00:03:45,460
ja käyttää koodit lähde
Yhdistän sitoa JavaScript

79
00:03:45,460 --> 00:03:49,520
omaan html, web-sivulla.

80
00:03:49,520 --> 00:03:52,610
>> Joten JavaScript muuttujia, käymme
alkaa puhua syntaksin täällä.

81
00:03:52,610 --> 00:03:53,600
Ja käymme läpi
tällaista nopeasti,

82
00:03:53,600 --> 00:03:56,640
koska olemme tehneet tämän PHP, joten
tämä kaikkien pitäisi olla tuttuja.

83
00:03:56,640 --> 00:03:59,490
Joten muuttujat JavaScript ovat
hyvin samanlainen kuin PHP muuttujia.

84
00:03:59,490 --> 00:04:03,270
Ei ole tyyppi määrittelyksi, ja
kun esitellä muuttuja,

85
00:04:03,270 --> 00:04:05,070
voit etuliite sen var avainsanan.

86
00:04:05,070 --> 00:04:07,750
PHP tekisimme jotain
näin, dollarin merkki X.

87
00:04:07,750 --> 00:04:09,950
Näin saimme ilmoitettu
muuttuja, mutta ei, meidän

88
00:04:09,950 --> 00:04:12,060
ei mainita tyyppi
muuttujan lainkaan.

89
00:04:12,060 --> 00:04:15,124
Haluamme sanoa jotain
dollarin merkki X vastaa 44 PHP.

90
00:04:15,124 --> 00:04:17,040
Jos teemme
Sama JavaScript,

91
00:04:17,040 --> 00:04:19,589
sanoisimme var X vastaa 44.

92
00:04:19,589 --> 00:04:22,780
Joten var on tavallaan meidän tapa
ottaa käyttöön muuttuvan.

93
00:04:22,780 --> 00:04:26,850
Se ehkä hieman intuitiivinen
kuin vain dollarin merkki muuttuja.

94
00:04:26,850 --> 00:04:29,080
>> Jälleen, koska ei ole mitään
tietotyypit, voisimme tehdä tämän

95
00:04:29,080 --> 00:04:34,490
tahansa tietotyyppi, jouset,
mitään muuta olisivat kaikki var.

96
00:04:34,490 --> 00:04:37,260
Conditionals, kaikki meidän
vanhat ystävät C ja PHP

97
00:04:37,260 --> 00:04:41,640
ovat edelleen käytettävissä, joten meillä on jos,
if, muu, kytkin ja kysymys

98
00:04:41,640 --> 00:04:42,240
merkki paksusuolen.

99
00:04:42,240 --> 00:04:45,890
Kytkin jäljellä yhtä joustava kuin se
oli PHP, mutta kaikki nämä olet

100
00:04:45,890 --> 00:04:46,930
tuntee nyt.

101
00:04:46,930 --> 00:04:49,900
Ja samoin silmukat ovat
vanha suosikkeja samalla,

102
00:04:49,900 --> 00:04:52,700
tehdä, kun, ja edelleen käytettävissämme.

103
00:04:52,700 --> 00:04:55,880
Joten jo tiedämme paljon
perus JavaScript tavallaan perustekijöiden

104
00:04:55,880 --> 00:05:01,800
vain sen vuoksi ottaa melko vähän
tiedon nyt noin C ja PHP.

105
00:05:01,800 --> 00:05:03,670
>> Entä toiminnot JavaScript?

106
00:05:03,670 --> 00:05:08,199
No, samanlainen PHP jokainen toiminto on
otettu käyttöön toiminto avainsanan.

107
00:05:08,199 --> 00:05:10,740
Sanot toiminto, ja sitten
alkaa määritellä toiminnon.

108
00:05:10,740 --> 00:05:12,531
Mikä on hieman erilainen
noin JavaScript,

109
00:05:12,531 --> 00:05:15,700
vaikka on kyky on
mitä kutsutaan anonyymi toiminto.

110
00:05:15,700 --> 00:05:18,880
Joten voit määrittää funktiot
jotka eivät ole nimeä.

111
00:05:18,880 --> 00:05:21,222
Tämä on jotain me
todellakaan ole ennen nähneet.

112
00:05:21,222 --> 00:05:23,430
Me todella käyttää käsitettä
nimetön funktio

113
00:05:23,430 --> 00:05:27,880
vähän myöhemmin tässä
videota, koska se tulee

114
00:05:27,880 --> 00:05:31,530
tehdä vähän enemmän järkeä yhteydessä
kun näemme sen erityisen tilanteen

115
00:05:31,530 --> 00:05:33,120
että olen muotoillut täällä.

116
00:05:33,120 --> 00:05:35,710
Mutta haluan vain katsomaan
mitä yksinkertainen JavaScript

117
00:05:35,710 --> 00:05:37,850
toiminto voisi näyttää.

118
00:05:37,850 --> 00:05:40,610
>> Joten olen mennyt eteenpäin ja
avannut minun CS50 IDE

119
00:05:40,610 --> 00:05:43,690
ja olen jo ajaa Apache
aloittaa minun palvelin käynnissä.

120
00:05:43,690 --> 00:05:46,800
Ja minulla on tämän tiedoston
avata kutsutaan home.html.

121
00:05:46,800 --> 00:05:48,330
Ja minä zoomata vähän täällä.

122
00:05:48,330 --> 00:05:52,090
Ja pohjimmiltaan, voit nähdä
Home.html on vain joukko painikkeita.

123
00:05:52,090 --> 00:05:55,291
Ja minä väittäen yläreunassa täällä
että tämä on JavaScript osio

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

125
00:05:55,790 --> 00:05:59,490
Joten siellä on joukko painikkeita täällä,
mutta mitä nämä painikkeet itse tehdä?

126
00:05:59,490 --> 00:06:03,662
>> No, me pään yli minun IED,
ja olen home.html Avataan tästä.

127
00:06:03,662 --> 00:06:05,620
Aivan alussa,
tässä missä olen yhdistää

128
00:06:05,620 --> 00:06:07,500
kaikissa minun JavaScript lähdetiedostot.

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

130
00:06:08,000 --> 00:06:12,440
Olen siis anonymous.js, clock.js,
Käytän lähdemäärite

131
00:06:12,440 --> 00:06:14,440
on komentosarjatunnus linkittää tiedostoon.

132
00:06:14,440 --> 00:06:18,660
Joten en ole kirjoittanut
JavaScript suoraan tähän tiedostoon,

133
00:06:18,660 --> 00:06:21,790
mutta olen vetänyt kaikki
JavaScript Olen kirjoittanut erikseen.

134
00:06:21,790 --> 00:06:24,540
Ja jos me selaa täällä, tämä
olisi kaikki näyttävät hieman perehtynyt

135
00:06:24,540 --> 00:06:27,090
kanssa hieman uusia syntaksin.

136
00:06:27,090 --> 00:06:32,655
Meillä on täällä ylätunnisteeseen
toiminnot ja sitten -painiketta.

137
00:06:32,655 --> 00:06:35,530
Minulla on tulo, joka on eräänlainen painiketta,
ja ilmeisesti kun klikkaa sitä,

138
00:06:35,530 --> 00:06:38,130
Aion soittaa joitakin
toimiakseen hälytys päivämäärä.

139
00:06:38,130 --> 00:06:41,792
Ja näin voimme tavallaan sekoittaa
hieman JavaScriptin ja html.

140
00:06:41,792 --> 00:06:44,500
He todella pelata aika mukavasti
yhteen, ja niin ilmeisesti kun

141
00:06:44,500 --> 00:06:48,730
Olen klikkaa tätä painiketta, aion
soittaa jonkin toiminnon hälytys päivämäärä.

142
00:06:48,730 --> 00:06:53,660
Ja samoin olen määritellyt käyttäytymistä
kaikkien muiden painikkeita,

143
00:06:53,660 --> 00:06:56,440
ovat että home.html sivulla,
joka me palaavat

144
00:06:56,440 --> 00:06:59,172
sen aikana tämän videon.

145
00:06:59,172 --> 00:07:00,880
Mutta mennään takaisin ylös
täällä ja katsomaan

146
00:07:00,880 --> 00:07:03,850
klo clock.js, joka on
JavaScript-tiedoston, että olen

147
00:07:03,850 --> 00:07:07,370
kirjoitti, että on tämä ensimmäinen toiminto
aiomme katsomaan.

148
00:07:07,370 --> 00:07:11,630
Kuten näette, aloitan JavaScriptin
toimi avainsanan toiminto,

149
00:07:11,630 --> 00:07:14,560
ja olen antanut tämä
nimi, sitä kutsutaan hälytys päivämäärä.

150
00:07:14,560 --> 00:07:18,710
Sisältä siellä, olen ilmeisesti luoda
uusi paikallinen muuttuja nimeltä nykyinen päivämäärä.

151
00:07:18,710 --> 00:07:21,500
Ja aion antaa
vastaa uuden päivämäärän.

152
00:07:21,500 --> 00:07:24,430
Ja voisimme päästä paljon
täsmennä, mitä päivämäärä on,

153
00:07:24,430 --> 00:07:27,060
ja todella JavaScript on niin
iso, että emme voi mahdollisesti

154
00:07:27,060 --> 00:07:28,330
kattavat kaikki yhden videon.

155
00:07:28,330 --> 00:07:32,220
Mutta riittää sanoa, tämä on menossa
palata minulle datatieto

156
00:07:32,220 --> 00:07:35,470
kiteyttää nykyisen päivämäärän ja kellonajan.

157
00:07:35,470 --> 00:07:39,100
Olen tallentamiseksi, että muuttuja että olen
ilmeisesti menossa varoittamaan nykyisen päivämäärän.

158
00:07:39,100 --> 00:07:41,300
>> No, mitä hälytys
nykyinen päivämäärä näyttää?

159
00:07:41,300 --> 00:07:46,460
Katsotaanpa katsomaan itse tiedosto
takaisin yli selainikkunassa.

160
00:07:46,460 --> 00:07:49,551
Joten jälleen, tämä on painike, joka I
ovat sidottu, tämä nimeltään toiminto.

161
00:07:49,551 --> 00:07:51,800
Ja minä klikkaa sitä siellä ja
katso mitä se teki, se hälytti.

162
00:07:51,800 --> 00:07:56,140
Se piipahti tällainen laatikko kertoo
minulle, että nykyinen aika on ilmeisesti

163
00:07:56,140 --> 00:07:59,370
se marraskuussa 4:
10:43:43 aamulla.

164
00:07:59,370 --> 00:08:02,345
Ja jos minä klikkaa sitä uudelleen, nyt
se on muutaman sekunnin kuluttua, eikö?

165
00:08:02,345 --> 00:08:03,720
Niin, että kaikki tämä toiminto tekee.

166
00:08:03,720 --> 00:08:07,670
Kun napsautan tätä painiketta, se
ponnahtaa varoitusviesti minulle.

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

168
00:08:13,806 --> 00:08:15,690
Joten ei todellakaan ole
liian paljon toimintoja

169
00:08:15,690 --> 00:08:19,110
se on erilainen kuin PHP,
vain vähän uusia syntaksin

170
00:08:19,110 --> 00:08:22,500
mukana työskentelee JavaScript.

171
00:08:22,500 --> 00:08:24,650
>> Taulukot JavaScript ovat
melko yksinkertainen.

172
00:08:24,650 --> 00:08:27,200
Julistaa array, käytät
hakasulkeissa syntaksin

173
00:08:27,200 --> 00:08:30,090
että olemme tuttuja PHP.

174
00:08:30,090 --> 00:08:33,432
Ja samanlainen PHP, me
voi myös sekoittaa tietotyyppejä.

175
00:08:33,432 --> 00:08:35,140
Joten tämä array, sekä
näistä paneelit olisi

176
00:08:35,140 --> 00:08:36,960
olla täysin oikeutettu JavaScript.

177
00:08:36,960 --> 00:08:42,500
Yksi siinä kaikki kokonaislukuja, ja joka
on sekaisin erilaiset tiedot.

178
00:08:42,500 --> 00:08:45,020
>> Mikä on jotain hyvin erilaista
JavaScript, vaikka?

179
00:08:45,020 --> 00:08:47,020
Se käsite objektin.

180
00:08:47,020 --> 00:08:50,240
Joten ehkä olet kuullut
olio-ohjelmoinnin.

181
00:08:50,240 --> 00:08:53,370
Emme tee paljon se CS50,
mutta teemme hieman se

182
00:08:53,370 --> 00:08:55,670
tässä yhteydessä JavaScript.

183
00:08:55,670 --> 00:08:59,100
Nyt JavaScript on kyky
käyttäytyä kuin olio-ohjelmoinnin

184
00:08:59,100 --> 00:09:02,615
kieli, mutta se ei ole itsessään
yksinomaan olio

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

186
00:09:03,490 --> 00:09:05,281
Ja tämä taas tulee
takaisin miksi sanoin, se

187
00:09:05,281 --> 00:09:10,610
voi olla erittäin haastavaa oppia
JavaScriptiä ensimmäinen Programming

188
00:09:10,610 --> 00:09:13,890
kieli, koska se ei ole
todella sopii erityisesti paradigma.

189
00:09:13,890 --> 00:09:16,430
>> C Toisaalta on
toiminnallinen ohjelmointikieli.

190
00:09:16,430 --> 00:09:22,270
Jos haluamme, toimintoja
tavallaan iso pomo mies, eikö?

191
00:09:22,270 --> 00:09:24,410
He sanella mitä
tapahtuu kaiken muun.

192
00:09:24,410 --> 00:09:26,600
Haluamme muuttaa muuttujia,
kutsumme toimintoja.

193
00:09:26,600 --> 00:09:28,220
Teemme asioita toimintoja.

194
00:09:28,220 --> 00:09:31,250
Objects Sen sijaan
olio,

195
00:09:31,250 --> 00:09:35,937
esineet tavallaan tullut tähti ja
toiminnot tullut eräänlainen toissijainen.

196
00:09:35,937 --> 00:09:38,270
Mutta mikä on esine, mitä
on tämä käsite esineen?

197
00:09:38,270 --> 00:09:40,880
No, jos se auttaa, ajatella
siitä ensin järjestä

198
00:09:40,880 --> 00:09:44,540
samankaltaisten C rakenne tai struct
että olemme oppineet ennen.

199
00:09:44,540 --> 00:09:47,430
C, rakenne sisältää
monilla aloilla,

200
00:09:47,430 --> 00:09:51,174
ja ehkä me nyt voi alkaa
kutsuvat näitä aloja ominaisuuksia.

201
00:09:51,174 --> 00:09:53,590
Mutta ominaisuudet koskaan
seisomaan omilla, eikö?

202
00:09:53,590 --> 00:09:56,410
Jos määrittelen rakenne auto
näin kaksi seuraavaa

203
00:09:56,410 --> 00:10:00,750
kenttiä tai ominaisuuksia, yksi
kokonaisluku vuodelle auton

204
00:10:00,750 --> 00:10:04,290
ja toinen 10 merkki
merkkijono mallin auton,

205
00:10:04,290 --> 00:10:07,150
Voin sanoa jotain tällaista,
Voin julistaa uusi muuttuja

206
00:10:07,150 --> 00:10:10,080
Tyypin struct auton Herbie.

207
00:10:10,080 --> 00:10:13,730
Ja sitten voin sanoa jotain
kuten herbie.year vastaa 1963,

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

209
00:10:15,850 --> 00:10:17,000
Se on ok.

210
00:10:17,000 --> 00:10:19,680
Käytän kentät
yhteydessä rakenteen,

211
00:10:19,680 --> 00:10:22,290
mutta en voisi koskaan vain
sanoa jotain tällaista.

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

213
00:10:22,790 --> 00:10:26,836
En voi käyttää kentän nimi
riippumaton rakenne.

214
00:10:26,836 --> 00:10:28,210
Se on eräänlainen perustavanlaatuinen asia.

215
00:10:28,210 --> 00:10:32,990
>> Joten kentät ovat
olennaista C rakenteita

216
00:10:32,990 --> 00:10:39,050
ovat hyvin samanlaisia ​​ominaisuuksia ovat
olennaista JavaScript esineitä.

217
00:10:39,050 --> 00:10:42,080
Mutta mitä tekee niistä
erityisen mielenkiintoinen

218
00:10:42,080 --> 00:10:46,230
on, että esineet voivat myös olla mitä
kutsutaan menetelmiä, jotka ovat todella

219
00:10:46,230 --> 00:10:50,730
vain hieno sana toimintoja
ovat ominaisia ​​esine samoin.

220
00:10:50,730 --> 00:10:55,340
Joten se on toiminto, joka voi olla vain
kutsutaan yhteydessä esineen.

221
00:10:55,340 --> 00:10:59,200
Vain esine, joka on määritellyt
Tämän toiminnon sisällä sen,

222
00:10:59,200 --> 00:11:02,020
jos ajattelee
struct, toiminto

223
00:11:02,020 --> 00:11:05,720
määritellään sisälle joissa määritellään
aaltosulkeita rakenteen.

224
00:11:05,720 --> 00:11:07,980
Joten se vain tarkoittaa jotain
rakenteeseen.

225
00:11:07,980 --> 00:11:10,960
Ja se on sellainen mitä teemme
täällä ja -tavat.

226
00:11:10,960 --> 00:11:13,580
Se on pohjimmiltaan kuin olisimme
määritellään toiminto

227
00:11:13,580 --> 00:11:16,670
vain on järkevää päälle
erityisesti objekti, ja niin me

228
00:11:16,670 --> 00:11:19,440
soittaa, että menetelmä esineen.

229
00:11:19,440 --> 00:11:23,180
Emmekä voi koskaan kutsua että
toiminnallisesti itsenäinen esine,

230
00:11:23,180 --> 00:11:29,260
aivan kuten emme voi sanoa vuoden tai mallin
riippumaton struct C.

231
00:11:29,260 --> 00:11:32,300
>> Niin Functional Programming
ajattelutavat näyttää suunnilleen tältä.

232
00:11:32,300 --> 00:11:35,450
Toiminto ja sitten kun ohitat
vuonna objektin parametri.

233
00:11:35,450 --> 00:11:38,650
Vuonna olio-ohjelmoinnin
kielet, tällainen saa

234
00:11:38,650 --> 00:11:43,464
selattava, ja me ajatella
sitä näin, object.function.

235
00:11:43,464 --> 00:11:45,380
Joten se tavallaan että piste
operaattori taas mikä

236
00:11:45,380 --> 00:11:49,540
että se on jonkinlainen omaisuuden
tai ominaisuus esine itse.

237
00:11:49,540 --> 00:11:53,240
Mutta tämä on mitä esine
ohjelmointikieli

238
00:11:53,240 --> 00:11:57,150
voisi tehdä, jotta toiminto
soittaa menetelmä, jälleen, joka

239
00:11:57,150 --> 00:12:00,260
on vain erityinen sana toiminto
joka on ominaista objekti.

240
00:12:00,260 --> 00:12:03,440
Tämä on mitä se
syntaksi voisi näyttää.

241
00:12:03,440 --> 00:12:09,360
Ja niin me alkaa nähdä joitakin
Tässä yhteydessä JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Voit myös ajatella esine
tavallaan kuin assosiatiivisia array,

243
00:12:12,470 --> 00:12:14,160
joka olemme tuttuja PHP.

244
00:12:14,160 --> 00:12:17,720
Muista assosiatiivisen taulukon avulla
meillä keskeinen arvo pareja, sen sijaan

245
00:12:17,720 --> 00:12:23,040
ottaa indeksit 0, yksi, kaksi, kolme,
ja niin edelleen kuin olemme tottuneet C: ltä

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

247
00:12:23,940 --> 00:12:27,472
Assosiatiiviset taulukot voi kartta
sanoja, kuten PHP video,

248
00:12:27,472 --> 00:12:29,180
puhuimme
täytettä pizzat.

249
00:12:29,180 --> 00:12:31,180
Ja niin meillä oli array
nimeltään pizzat, ja me

250
00:12:31,180 --> 00:12:36,670
oli juusto oli keskeinen ja $ 8.99 oli
arvoa, ja sitten pepperoni oli keskeinen,

251
00:12:36,670 --> 00:12:39,190
$ 9.99 oli arvo, ja niin edelleen.

252
00:12:39,190 --> 00:12:43,300
Ja jotta voimme myös ajatella
esine tavallaan samanlainen assosiatiivinen

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

254
00:12:43,840 --> 00:12:47,020
Ja niin tämä syntaksin tässä
loisi uuden objektin

255
00:12:47,020 --> 00:12:50,950
nimeltään Herbie kaksi
ominaisuudet sen sisälle.

256
00:12:50,950 --> 00:12:57,310
Vuosi, johon on liitetty arvo 1963,
ja malli, johon liitetään merkkijono

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

258
00:12:58,140 --> 00:13:01,770
>> Ja huomaa täällä, että olen käyttäen
puolilainausmerkkejä JavaScript.

259
00:13:01,770 --> 00:13:05,570
Voit käyttää yhden tai kahden hengen lainausmerkkejä
kun puhut jouset.

260
00:13:05,570 --> 00:13:07,772
Se on vain perinteisesti
Siinä tapauksessa, että useimmat kertaa

261
00:13:07,772 --> 00:13:10,230
kun olet kirjoittamassa JavaScript,
käytät vain puolilainausmerkkejä.

262
00:13:10,230 --> 00:13:15,050
Mutta voisin käyttää lainausmerkkejä täällä, ja
että olisi täysin kunnossa samoin.

263
00:13:15,050 --> 00:13:17,470
>> Joten muistakaa kuinka
PHP meillä oli tätä käsitystä

264
00:13:17,470 --> 00:13:22,730
of jokaisen silmukan, jonka avulla voisimme
iteroida hoitaakseen kaikki avainarvon

265
00:13:22,730 --> 00:13:25,270
paria assosiatiivinen
array, koska me

266
00:13:25,270 --> 00:13:29,050
ei ole tätä kykyä kerrata
kautta 0, yksi, kaksi, kolme, neljä,

267
00:13:29,050 --> 00:13:30,710
ja niin edelleen?

268
00:13:30,710 --> 00:13:35,010
JavaScript on jotain hyvin samanlaista,
mutta se ei ole kutsuttu kunkin silmukan,

269
00:13:35,010 --> 00:13:38,960
sitä kutsutaan varten silmukoita.

270
00:13:38,960 --> 00:13:42,890
Jos siis sanoi minulle kuin
tämä, sillä var avain esine,

271
00:13:42,890 --> 00:13:48,670
se on tavallaan samanlainen sanomalla
kullekin jotain niin jotain.

272
00:13:48,670 --> 00:13:53,850
Mutta kaikki Teen täällä on iteroimalla
läpi kaikki avaimet minun esine.

273
00:13:53,850 --> 00:13:56,070
Ja sisällä kihara
olkaimet siellä, olisin

274
00:13:56,070 --> 00:14:03,410
käyttää esine hakasulkeita avain viitata
arvoa kyseisessä avainpaikkojen.

275
00:14:03,410 --> 00:14:05,400
>> Vaihtoehtoisesti, siellä
jopa toinen lähestymistapa.

276
00:14:05,400 --> 00:14:10,880
Jos vain vain välitä
arvot, voin sanoa avain esine,

277
00:14:10,880 --> 00:14:12,360
ja vain käyttää avainta.

278
00:14:12,360 --> 00:14:17,240
Joten var avain esine, minulla on
käyttää olio hakasulkeita

279
00:14:17,240 --> 00:14:19,340
avain silmukan sisällä.

280
00:14:19,340 --> 00:14:24,580
Var avain esine, voin
vain käyttää avain silmukan sisällä,

281
00:14:24,580 --> 00:14:29,040
koska olen vain erikseen
puhumme arvoista siellä.

282
00:14:29,040 --> 00:14:32,630
>> Joten ehkä ottaa
katso ero

283
00:14:32,630 --> 00:14:35,670
vain nopeasti näyttää
ero neljän

284
00:14:35,670 --> 00:14:40,730
vuonna ja on hyvin erityinen
array, joka meillä on täällä, viikko array.

285
00:14:40,730 --> 00:14:43,616
Joten minun täytyy löytää new Array
että olen täynnä seitsemän jouset,

286
00:14:43,616 --> 00:14:46,240
Maanantai, tiistai, keskiviikko,
Torstai, perjantai, lauantai, sunnuntai.

287
00:14:46,240 --> 00:14:50,530
Ja haluan nyt kerrata
tällä array,

288
00:14:50,530 --> 00:14:53,090
tulostamalla tiettyjä tietoja.

289
00:14:53,090 --> 00:14:58,780
Jos käytän varten silmukka
tulostaa tietoa,

290
00:14:58,780 --> 00:15:00,710
mitä luulet aion saada?

291
00:15:00,710 --> 00:15:01,710
No, katsotaanpa katsomaan.

292
00:15:01,710 --> 00:15:05,300
Ja ennen kuin hypätä
minun selainikkunaan,

293
00:15:05,300 --> 00:15:08,090
juuri tietää, että
console.log on tavallaan yksi

294
00:15:08,090 --> 00:15:10,630
tapa tehdä tulosta F JavaScript.

295
00:15:10,630 --> 00:15:12,040
Mutta mikä on konsoli?

296
00:15:12,040 --> 00:15:14,940
No, mitä aiomme
mennä katsomaan juuri nyt.

297
00:15:14,940 --> 00:15:16,850
>> OK, joten olemme takaisin täällä
minun selainikkunassa,

298
00:15:16,850 --> 00:15:19,410
ja aion avata
minun kehitystyökalut.

299
00:15:19,410 --> 00:15:22,290
Jälleen olen vain kävi F12
avata kehitystyökalut.

300
00:15:22,290 --> 00:15:25,670
Ja huomaa, että täällä
top Olen valinnut konsoli.

301
00:15:25,670 --> 00:15:28,480
Joten tämä on käsite
kehittäjä konsolin,

302
00:15:28,480 --> 00:15:30,500
ja se antaa meille mahdollisuuden
tulostaa tietoa ulos,

303
00:15:30,500 --> 00:15:33,000
eräänlainen kuten terminaali, mutta
kuten näet vähän myöhemmin,

304
00:15:33,000 --> 00:15:37,720
Voimme myös kirjoittaa tietoja
vuorovaikutuksessa nettisivuillamme.

305
00:15:37,720 --> 00:15:42,320
Aion zoomata vähän täällä,
ja aion nyt napsauttamalla varten testissä.

306
00:15:42,320 --> 00:15:45,230
Ja neljä test-- En aio
näyttää koodi juuri nyt,

307
00:15:45,230 --> 00:15:47,479
mutta saat sen jos
ladata lähdekoodin, että

308
00:15:47,479 --> 00:15:50,380
on liitetty tähän video--
on juuri sitä varten silmukka

309
00:15:50,380 --> 00:15:52,610
että näimme vain
toinen sitten diassa.

310
00:15:52,610 --> 00:15:54,810
>> Joten aion klikkaa että
painiketta, ja tänne,

311
00:15:54,810 --> 00:15:58,440
tässä mitä on tulostettu ulos
konsoli, 0, yksi, kaksi, kolme, neljä, viisi,

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

313
00:15:58,940 --> 00:16:02,490
En tulostaa tiedot
sisällä niitä array paikoissa,

314
00:16:02,490 --> 00:16:05,180
koska käytin varten silmukka.

315
00:16:05,180 --> 00:16:10,670
Ja kehossa silmukan, minä
vain tulostaa näppäin ei vastusta avain.

316
00:16:10,670 --> 00:16:18,600
Mutta jos nyt tyhjentää konsoli, ja minä
vaihtaa varten testin, ja neljä testi

317
00:16:18,600 --> 00:16:22,500
Sanon käytän silmukan
sijaan ja tulostaa avain,

318
00:16:22,500 --> 00:16:28,079
jos napsautan että, nyt Saan
todellinen Sisällä minun esine

319
00:16:28,079 --> 00:16:29,120
tai minun array tässä tapauksessa.

320
00:16:29,120 --> 00:16:31,760
Oma valikoima arkisin.

321
00:16:31,760 --> 00:16:33,480
Olen tulostaa Maanantai,
Tiistai, keskiviikko.

322
00:16:33,480 --> 00:16:36,930
Niin, että eroa
varten silmukka, joka tulostaa

323
00:16:36,930 --> 00:16:43,410
vain näppäimiä, jos käytät vain avain
sisällä rungon silmukan,

324
00:16:43,410 --> 00:16:46,850
ja varten loop, joka tulostaa
ulos arvot, jos käytät vain

325
00:16:46,850 --> 00:16:48,870
avain kehossa silmukan.

326
00:16:48,870 --> 00:16:52,380
>> Okei, miten me nyt alkaa
liität jouset ja ehkä sekoittaa

327
00:16:52,380 --> 00:16:57,220
joitakin muuttujia interpoloinnissa
kuten pystyimme tekemään PHP?

328
00:16:57,220 --> 00:16:59,410
No, olemme melko tuttuja
tämän PHP.

329
00:16:59,410 --> 00:17:04,109
Näin voisimme tehdä sen käyttämällä
piste operaattori ketjuttaa merkkijonoja.

330
00:17:04,109 --> 00:17:06,260
JavaScript, vaikka,
me todella käyttää jotain

331
00:17:06,260 --> 00:17:09,290
nimeltään plus operaattori, joka
on ehkä jopa hieman enemmän

332
00:17:09,290 --> 00:17:10,470
intuitiivinen, eikö?

333
00:17:10,470 --> 00:17:12,609
Lisäämme joukko
merkkijonojen yhdessä.

334
00:17:12,609 --> 00:17:14,520
Joten pää takaisin
yli ja nähdä, mitä tämä

335
00:17:14,520 --> 00:17:18,693
tulostaa jos yritämme tulostaa
kaikki tiedot viikolla jono.

336
00:17:18,693 --> 00:17:20,859
Selvä, joten alle tässä
alle merkkijono ketjutus,

337
00:17:20,859 --> 00:17:24,822
Minulla on kaksi vaihtoehtoa, merkkijono rakennus
V1 ja sitten jono rakennus V2.

338
00:17:24,822 --> 00:17:26,530
Ja näemme, miksi me
tarvitsevat V2 toinen.

339
00:17:26,530 --> 00:17:28,610
Mutta aion klikkaa
merkkijono rakennus V1, joka

340
00:17:28,610 --> 00:17:30,360
on koodi olimme
vain vilkaisemalla,

341
00:17:30,360 --> 00:17:32,980
console.log kaikkien ansioita.

342
00:17:32,980 --> 00:17:35,910
Katsotaanpa, jos tämä tulosteita
mitä odotamme.

343
00:17:35,910 --> 00:17:39,939
>> Maanantai on päivä 01 viikon,
Tiistai on päivä numero 11 viikon.

344
00:17:39,939 --> 00:17:41,730
No, mitä yritin
tehdä siellä oli saada

345
00:17:41,730 --> 00:17:46,280
se tulostaa Maanantai on päivä numero
yksi, tiistai on päivä numero kaksi.

346
00:17:46,280 --> 00:17:50,140
Mutta näyttää siltä kuin olisin
aina tulostamalla yksi.

347
00:17:50,140 --> 00:17:51,260
No, miksi?

348
00:17:51,260 --> 00:17:55,600
No, se kääntyy pois, katsomaan uudelleen
tässä pieni koodinpätkä täällä.

349
00:17:55,600 --> 00:18:00,160
Huomaa, että käytämme plus
operaattori kahdessa eri yhteydessä.

350
00:18:00,160 --> 00:18:03,221
>> Ja niin täällä on, jos ehkä asiat
että olemme tavallaan sanoneet,

351
00:18:03,221 --> 00:18:03,970
Voi, se on niin suuri.

352
00:18:03,970 --> 00:18:05,910
Emme käsitellä tietotyyppejä enää.

353
00:18:05,910 --> 00:18:08,220
Mutta tässä tarina siitä
että menetämme tietotyypit

354
00:18:08,220 --> 00:18:10,960
voi todella olla hieman
ongelma meille.

355
00:18:10,960 --> 00:18:16,260
Nyt plus operaattori käytetään
liität jouset ja lisätä numeroita

356
00:18:16,260 --> 00:18:19,550
yhdessä, JavaScript on
tehdä sen paras arvaus

357
00:18:19,550 --> 00:18:22,030
siitä, mitä haluan sen tehdä minulle.

358
00:18:22,030 --> 00:18:23,900
Ja tässä tapauksessa, se arvata väärin.

359
00:18:23,900 --> 00:18:29,340
Se vain ketjutettuja päivä, joka olisi
0, yksi, kaksi, kolme, neljä, viisi tai kuusi,

360
00:18:29,340 --> 00:18:32,060
ja sitten se vain ketjutetaan
että ja sitten ketjutettujen yksi.

361
00:18:32,060 --> 00:18:35,020
Se ei itse lisätä niitä yhteen.

362
00:18:35,020 --> 00:18:37,320
Ja niin kielillä,
PHP ja JavaScript,

363
00:18:37,320 --> 00:18:39,196
että abstracts pois
tämä käsite tyyppejä,

364
00:18:39,196 --> 00:18:40,820
sinun ei tarvitse käsitellä sitä enää.

365
00:18:40,820 --> 00:18:43,600
He eivät vielä tyyppejä konepellin alle.

366
00:18:43,600 --> 00:18:46,780
Ja voimme tilanteissa
näin, hyödyntää tämä seikka

367
00:18:46,780 --> 00:18:49,240
sanomalla jotain
kuten ehkä tämä, joka

368
00:18:49,240 --> 00:18:53,210
kertoo JavaScript, jonka
tavalla, käsittelemään tätä kokonaisluku,

369
00:18:53,210 --> 00:18:57,100
eivät käsittele sitä merkkijono, jopa
vaikka olemme sekoittamista jouset

370
00:18:57,100 --> 00:18:58,940
ja kokonaislukuja täällä.

371
00:18:58,940 --> 00:19:02,204
>> Se on vain yksi niistä asioista
että se tuntuu niin hyvältä yhteydessä

372
00:19:02,204 --> 00:19:04,120
että meillä ei tarvitse
käsitellä tyypit enää,

373
00:19:04,120 --> 00:19:05,828
mutta joskus ll
törmätä tilanteeseen

374
00:19:05,828 --> 00:19:09,110
juuri näin, jos se, että
sinulla ei ole valvoa tyyppisiä

375
00:19:09,110 --> 00:19:11,220
voi epäonnistua sinua
jos et ole varovainen.

376
00:19:11,220 --> 00:19:18,285
Joten jos me pop takaisin yli IDE, olen
menossa siivota minun konsoli uudelleen,

377
00:19:18,285 --> 00:19:20,660
ja aion klikkaa merkkijono
rakennus versio kaksi, joka

378
00:19:20,660 --> 00:19:23,052
on, jos käytän Parse int toiminto.

379
00:19:23,052 --> 00:19:25,260
Nyt se tulostamalla
tiedot, jotka Odotan.

380
00:19:25,260 --> 00:19:29,330
Maanantain päivä ykkönen, sunnuntai
on päivä numero kaksi, ja niin edelleen.

381
00:19:29,330 --> 00:19:31,170
>> Joten puhua toimintoja uudelleen.

382
00:19:31,170 --> 00:19:34,790
Lupasin me puhumme anonyymi
toiminnot, ja nyt yhteydessä kyseisen

383
00:19:34,790 --> 00:19:36,360
on vihdoin saapunut.

384
00:19:36,360 --> 00:19:39,980
Joten ennen kuin teemme niin, Puhutaanpa uudelleen
noin paneelit vain toisen.

385
00:19:39,980 --> 00:19:42,120
Joten paneelit ovat erityisen
kyseessä esine.

386
00:19:42,120 --> 00:19:45,180
Itse kaiken
JavaScript on todella esine.

387
00:19:45,180 --> 00:19:47,190
Joten toiminnot ovat
erikoistapaus objektin,

388
00:19:47,190 --> 00:19:49,770
kokonaisluvut ovat erityinen
kyseessä esine,

389
00:19:49,770 --> 00:19:52,152
mutta paneelit erityisesti
on useita menetelmiä.

390
00:19:52,152 --> 00:19:55,110
Muista koska he esineitä,
niillä voi olla ominaisuuksia ja menetelmiä.

391
00:19:55,110 --> 00:19:58,600
Niillä on useita menetelmiä, jotka
voidaan soveltaa näitä esineitä.

392
00:19:58,600 --> 00:20:01,197
On kutsuttua menetelmää
koko, array.size,

393
00:20:01,197 --> 00:20:03,030
joka palaa
teitä ehkä odottaa

394
00:20:03,030 --> 00:20:05,120
elementtien määrä matriisisi.

395
00:20:05,120 --> 00:20:08,480
array.pop, tavallaan kuin
käsityksemme popping pois

396
00:20:08,480 --> 00:20:11,110
pino, jos muistatte
meidän pinot video,

397
00:20:11,110 --> 00:20:13,810
poistaa viimeinen elementti jono.

398
00:20:13,810 --> 00:20:17,110
Array.push lisätään uusi elementti
loppuun jono.

399
00:20:17,110 --> 00:20:20,910
array.shift on eräänlainen
kuten DQ, se jatkokset ulos

400
00:20:20,910 --> 00:20:23,610
ensimmäinen osa array.

401
00:20:23,610 --> 00:20:27,549
>> Mutta on myös toinen erityinen
menetelmä array nimeltä kartalla.

402
00:20:27,549 --> 00:20:29,340
Ja tämä on tavallaan
mielenkiintoinen käsite.

403
00:20:29,340 --> 00:20:30,930
Joten mikä on ajatus kartan?

404
00:20:30,930 --> 00:20:33,880
Sinun todella nähdä tämän
useilla muilla kielillä,

405
00:20:33,880 --> 00:20:38,550
ja emme puhu
eräänlainen kartanpiirtäjille kartta täällä,

406
00:20:38,550 --> 00:20:41,480
puhumme kartoitus toiminto.

407
00:20:41,480 --> 00:20:44,110
Yhteydessä olemme
puhumme täällä, kartta

408
00:20:44,110 --> 00:20:47,950
on erityinen toimenpide me
voivat suorittaa array

409
00:20:47,950 --> 00:20:51,630
soveltaa tietyn toiminnon
jokaiseen osa tätä array.

410
00:20:51,630 --> 00:20:55,190
ja niin sanoisimme vuonna
Tällöin ehkä array.map,

411
00:20:55,190 --> 00:21:00,330
ja sen sisällä, olemme ohimennen
osaksi kartta on toiminto, joka haluamme

412
00:21:00,330 --> 00:21:02,430
sovellettava jokaiseen elementtiin.

413
00:21:02,430 --> 00:21:07,299
Joten se on eräänlainen analoginen käyttäen
silmukka iteroida yli jokainen elementti

414
00:21:07,299 --> 00:21:09,340
ja soveltaa tiettyä
toimivat jokainen elementti,

415
00:21:09,340 --> 00:21:14,830
vain JavaScript on tämä rakennettu
käsite kartoitus, joita voidaan soveltaa.

416
00:21:14,830 --> 00:21:19,700
Ja tämä on suuri yhteydessä
puhua nimettömänä toiminto.

417
00:21:19,700 --> 00:21:22,370
>> Joten sanokaamme meillä
tämä joukko kokonaislukuja.

418
00:21:22,370 --> 00:21:25,370
Sitä kutsutaan nums, ja se sai viisi
mitä siinä on yksi, kaksi, kolme, neljä,

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

420
00:21:26,410 --> 00:21:30,620
Nyt haluan kartoittaa joitakin
toimintoa tähän array.

421
00:21:30,620 --> 00:21:34,337
Haluan olla funktio sovellettava
jokaiseen alkiota.

422
00:21:34,337 --> 00:21:37,420
No, sanotaan, että mitä haluan
tehdä, on vain kaksinkertainen kaikki elementit.

423
00:21:37,420 --> 00:21:42,520
Mitä voisin tehdä on vain käyttää silmukka
var minä ollessa 0, I on vähemmän kuin

424
00:21:42,520 --> 00:21:47,390
tai yhtä suuri kuin 4, minä plus, plus, ja
sitten kaksinkertaistuu jokaisen numeron.

425
00:21:47,390 --> 00:21:49,580
Mutta voin myös tehdä jotain tällaista.

426
00:21:49,580 --> 00:21:53,420
Voin sanoa nums oli aiemmin
yksi kaksi kolme neljä viisi,

427
00:21:53,420 --> 00:21:58,310
nyt, vaikka haluan sinun
sovelletaan kartoitus päälle tämän taulukon

428
00:21:58,310 --> 00:22:00,400
jossa haluaisin teidän
kaksinkertaistaa jokainen numero.

429
00:22:00,400 --> 00:22:02,540
Ja juuri
mitä täällä tapahtuu.

430
00:22:02,540 --> 00:22:06,870
Mutta huomaa, mitä olen ohimennen
niin väite karttaan.

431
00:22:06,870 --> 00:22:09,080
Tämä on nimetön funktio.

432
00:22:09,080 --> 00:22:11,140
Ja huomaa En ole antanut
Tämän toiminnon nimi,

433
00:22:11,140 --> 00:22:13,290
Olen vain antanut sille parametriluettelo.

434
00:22:13,290 --> 00:22:16,370
Ja niin tämä on esimerkki
nimetön funktio.

435
00:22:16,370 --> 00:22:21,270
>> Olemme yleensä koskaan kutsua tätä
funktio ulkopuolella yhteydessä kartalla.

436
00:22:21,270 --> 00:22:24,110
Olemme se määritellään parametri
kartoittaa, ja niin emme oikeastaan

437
00:22:24,110 --> 00:22:27,910
täytyy olla nimi, jos
Ainoa asia, joka välittää on kartta

438
00:22:27,910 --> 00:22:30,339
ja se on määritelty oikeus
siellä sisällä kartan.

439
00:22:30,339 --> 00:22:31,880
Ja niin tämä on anonyymi funktio.

440
00:22:31,880 --> 00:22:34,680
Emme ole pystyneet
tehdä tätä aiemmin.

441
00:22:34,680 --> 00:22:38,400
Kartta jokin funktio, että
hyväksyy yksi parametri, num,

442
00:22:38,400 --> 00:22:41,890
ja mitä tämä toiminto tekee
on palaa num kertaa 2.

443
00:22:41,890 --> 00:22:45,330
Ja niin sen jälkeen tämä
kartoitus on sovellettu,

444
00:22:45,330 --> 00:22:50,090
tämä on nyt mitä nums näyttää
kuten, kaksi, neljä, kuusi, kahdeksan, 10.

445
00:22:50,090 --> 00:22:52,090
Ja me pop yli minun
selainikkunan ja vain

446
00:22:52,090 --> 00:22:55,240
katsomaan tämä
todella nopeasti samoin.

447
00:22:55,240 --> 00:22:58,000
>> Joten minulla on toinen painike täällä
kotini sivun nimeltä kaksinkertainen.

448
00:22:58,000 --> 00:23:03,570
Ja kun klikkaa kaksinkertainen, ja se kertoo
minua ennen kuin se oli yksi, kaksi, kolme, neljä,

449
00:23:03,570 --> 00:23:07,250
viisi jälkeen kaksi, neljä, kuusi, kahdeksan, 10.

450
00:23:07,250 --> 00:23:11,930
Ja vaikka minä menen takaisin ja valitse kaksinkertainen
jälleen, kaksi, neljä, kuusi, kahdeksan, 10.

451
00:23:11,930 --> 00:23:17,400
Ja sitten sen jälkeen, neljä,
kahdeksan, 12, 16, ja sitten 20.

452
00:23:17,400 --> 00:23:20,440
Ja mitä olen tehnyt tämän toiminnon?

453
00:23:20,440 --> 00:23:25,210
No, jos me vain pop yli IDE, ja
Vedän minun nimetön funktio, tässä

454
00:23:25,210 --> 00:23:28,780
rivillä seitsemän kautta 13, olen
tekee vähän fancy työtä täällä,

455
00:23:28,780 --> 00:23:32,240
mutta olen vain tulostamalla
mitä tällä hetkellä jono.

456
00:23:32,240 --> 00:23:36,580
Sitten linja 16, 17,
ja 18, siellä on minun kartalla.

457
00:23:36,580 --> 00:23:40,930
Tämä on, jos olen soveltaa tätä kaksinkertaistamista
toiminto jokaiseen elementtiin.

458
00:23:40,930 --> 00:23:43,530
Ja sitten hieman alempana,
Olen vain tehdä sama asia

459
00:23:43,530 --> 00:23:46,640
Tein ennen, paitsi nyt olen
tulostamalla sisältö array

460
00:23:46,640 --> 00:23:48,167
jälkeenpäin.

461
00:23:48,167 --> 00:23:50,500
Mutta kaikki olen tehnyt tässä
vain käyttää anonyymi toiminto

462
00:23:50,500 --> 00:23:53,640
kartoittaa poikki koko ryhmän.

463
00:23:53,640 --> 00:23:58,466
>> Joten yksi iso aihe puhua vuonna
JavaScript on käsite tapahtuman.

464
00:23:58,466 --> 00:24:01,590
Tapahtuma on jotain, joka vain sattuu
kun käyttäjä on vuorovaikutuksessa web

465
00:24:01,590 --> 00:24:04,715
sivu, joten ehkä he osoita jotain,
tai ehkä sivu on ladattu,

466
00:24:04,715 --> 00:24:07,200
tai ehkä he muuttivat
niiden hiiri jotain,

467
00:24:07,200 --> 00:24:09,290
tai he kirjoittanut jotain
syöttökentässä.

468
00:24:09,290 --> 00:24:14,260
Kaikki nämä asiat ovat tapahtumia
että tapahtuvat nettisivuillamme.

469
00:24:14,260 --> 00:24:17,460
Ja JavaScript on
kyky tukea jotain

470
00:24:17,460 --> 00:24:21,760
kutsutaan tapahtuma käsittelijä, joka
on soittopyynnön toiminto, joka

471
00:24:21,760 --> 00:24:23,329
vastaa html tapahtumaan.

472
00:24:23,329 --> 00:24:24,620
Ja mikä soittopyynnön toiminto?

473
00:24:24,620 --> 00:24:27,328
No, se on yleensä vain yksi
nimetä nimettömän funktion.

474
00:24:27,328 --> 00:24:30,170
Se on toiminto,
vastaa tapahtuman.

475
00:24:30,170 --> 00:24:34,130
Ja tämä on silloin tulemme
Ajatus sitova tiettyjen toimintojen

476
00:24:34,130 --> 00:24:38,060
tiettyyn html ominaisuus.

477
00:24:38,060 --> 00:24:41,420
Useimmat HTML-elementit ovat
tuki ominaisuus

478
00:24:41,420 --> 00:24:45,170
että emme puhu html
video jotain click

479
00:24:45,170 --> 00:24:50,540
tai Hover tai kuorman,
kaikki nämä tapahtumat

480
00:24:50,540 --> 00:24:53,120
että voit kirjoittaa toimintoja
jotka käsittelevät näiden tapahtumien

481
00:24:53,120 --> 00:24:56,090
kun kyseiset tapahtumat
esiintyy Web-sivulla.

482
00:24:56,090 --> 00:24:59,170
>> Ja niin ehkä html
näyttää suunnilleen tältä.

483
00:24:59,170 --> 00:25:02,240
Ja minulla on kaksi painiketta täällä,
painike yksi ja painiketta kaksi,

484
00:25:02,240 --> 00:25:04,620
ja täällä minulla on tällä hetkellä
määritelty mitään,

485
00:25:04,620 --> 00:25:11,170
mutta tämä on, jos määrite
click on ilmeisesti osa minun html tag.

486
00:25:11,170 --> 00:25:15,220
Joten ilmeisesti kun määritellä mitä
meneillään sisällä että ominaisuus,

487
00:25:15,220 --> 00:25:18,590
se tulee olemaan noin JavaScript
toiminto, joka vastaa tapahtuman

488
00:25:18,590 --> 00:25:24,360
oletettavasti klikkaamalla
painike yksi tai -painiketta kaksi.

489
00:25:24,360 --> 00:25:28,580
>> Mikä on tavallaan viileä tästä on meidän
voi kirjoittaa yleinen tapahtumankäsittelijänä.

490
00:25:28,580 --> 00:25:32,370
Ja tämä tapahtuma Handler tulee
luoda tapahtuman objekti.

491
00:25:32,370 --> 00:25:37,000
Ja tapahtuma objekti kertoo meille
joka on kaksi painiketta on napsautettu.

492
00:25:37,000 --> 00:25:38,064
Nyt miten se toimii?

493
00:25:38,064 --> 00:25:39,730
No, se saattaa näyttää jotain tällaista.

494
00:25:39,730 --> 00:25:44,860
Joten me ensin määritellä meidän painikkeet
on vastaus soittopyyntö

495
00:25:44,860 --> 00:25:47,470
toiminto, jota kutsutaan
kun painiketta napsautetaan,

496
00:25:47,470 --> 00:25:49,520
soitamme tapahtuman hälytys nimi.

497
00:25:49,520 --> 00:25:53,320
Ja ilmoituksen molemmissa tapauksissa olemme
kulkee tähän tapahtumaan parametrin.

498
00:25:53,320 --> 00:25:55,460
Joten me kutsumme tätä toimintoa
tai kun tämä toiminto

499
00:25:55,460 --> 00:26:00,330
laukaisee tapahtuma tapahtuu,
se tulee luoda tämän tapahtuman objekti

500
00:26:00,330 --> 00:26:03,300
ja siirtää sen
parametrin varoittaa nimi.

501
00:26:03,300 --> 00:26:07,270
Ja että tapahtuma esine on
menossa sisältävät tietoja

502
00:26:07,270 --> 00:26:09,800
josta napsautettiin.

503
00:26:09,800 --> 00:26:11,580
Ja miten se tehdä?

504
00:26:11,580 --> 00:26:13,654
No, se saattaa näyttää jotain tällaista.

505
00:26:13,654 --> 00:26:15,570
Joten nyt minun erillisessä
JavaScript-tiedosto, voisin

506
00:26:15,570 --> 00:26:17,420
on löydettävä tähän
toiminto hälytys nimi, joka

507
00:26:17,420 --> 00:26:19,500
jälleen myöntää, että tapahtuma parametri.

508
00:26:19,500 --> 00:26:24,640
Ja sitten tässä missä olen havaitsemiseksi
mitä painiketta laukaisi,

509
00:26:24,640 --> 00:26:28,100
var laukaista vastaa tapahtuma
dot lähde-elementin.

510
00:26:28,100 --> 00:26:33,150
Mikä oli lähde joka loi
tämä tapahtuma esine, joka hyväksyttiin?

511
00:26:33,150 --> 00:26:36,390
Oliko se painike yksi vai oliko painiketta kaksi?

512
00:26:36,390 --> 00:26:40,710
>> Ja niin tässä kaikki mulla on
tulostamalla trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
No, tässä tapauksessa, tässä
yhteydessä, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
on juuri sitä mitä on kirjoitettu painiketta.

515
00:26:45,940 --> 00:26:48,830
Se vain niin, jos me hypätä
takaisin toisen, joka

516
00:26:48,830 --> 00:26:51,670
olla mitä on näiden -painiketta tageja.

517
00:26:51,670 --> 00:26:54,150
Se on painike yksi tai -painiketta kaksi.

518
00:26:54,150 --> 00:26:57,320
Ja lähdetään katsomaan
miten tämä tapahtumakäsittely olisi

519
00:26:57,320 --> 00:27:01,080
katso jos olisimme sen käynnissä käytännössä.

520
00:27:01,080 --> 00:27:03,850
>> Joten ensinnäkin, olet
avannut events.js,

521
00:27:03,850 --> 00:27:06,517
joka on JavaScript-tiedoston, jossa
Olen määritellyt tätä toimintoa.

522
00:27:06,517 --> 00:27:08,558
Ja kuten näette, se on
aika paljon mitä

523
00:27:08,558 --> 00:27:10,230
me vain näki dia toinen sitten.

524
00:27:10,230 --> 00:27:14,890
Ja aion mennä yli
etusivu olemme käyttäneet.

525
00:27:14,890 --> 00:27:17,660
Ja minulla on täällä -painiketta
yksi ja -painiketta kaksi.

526
00:27:17,660 --> 00:27:19,820
Ja minä napsauta painiketta yksi.

527
00:27:19,820 --> 00:27:23,930
Napsautit painiketta yksi, jos
voi nähdä täällä hälytys.

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

529
00:27:25,810 --> 00:27:28,980
Klikkaa painiketta kaksi, te
napsautti painiketta kaksi.

530
00:27:28,980 --> 00:27:32,150
>> Joten molemmat painikkeet ovat
Sama toiminto soittaa, eikö?

531
00:27:32,150 --> 00:27:35,840
He molemmat olivat hälytys nimi
tapahtuma, mutta tämä tapahtuma esine

532
00:27:35,840 --> 00:27:41,900
että saa luotu kun klikkaa
se kertoo meille joka napsautettiin.

533
00:27:41,900 --> 00:27:44,650
Meillä ei tarvitse kirjoittaa kaksi erillistä
toimintoja tai käsitellä ottaa

534
00:27:44,650 --> 00:27:46,470
välittää lisätietoja.

535
00:27:46,470 --> 00:27:48,220
Olemme vain luottaa
mitä JavaScript

536
00:27:48,220 --> 00:27:53,772
tehdä meille, mikä on luoda että
eräänlainen tapahtuma esine meidän puolestamme.

537
00:27:53,772 --> 00:27:56,730
Siellä on paljon enemmän JavaScript kuin
mitä olemme kuulu tämän videon,

538
00:27:56,730 --> 00:27:58,521
mutta, joilla on nämä
perusoikeuksien pitäisi saada heti

539
00:27:58,521 --> 00:28:00,690
melko pitkä tapoja
oppimisen kaiken sinun

540
00:28:00,690 --> 00:28:04,030
täytyy tietää tästä
mielenkiintoinen kieli.

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

542
00:28:05,000 --> 00:28:07,010
Tämä on CS50.

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