1
00:00:00,000 --> 00:00:03,840
>> [TÓNLIST spila]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: Svo nú erum við gamla
kostir á forritun vefur, ekki satt?

4
00:00:08,690 --> 00:00:12,140
Og við höfum fjallað nokkrum
tungumálum í einstökum myndbönd.

5
00:00:12,140 --> 00:00:14,690
Og nú skulum gera eitt, JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> Fyrsta góðar fréttir, JavaScript
er nútíma forritun

7
00:00:17,370 --> 00:00:21,410
Tungumál mikið eins og PHP sem
setningafræði er dregið úr C,

8
00:00:21,410 --> 00:00:22,830
svo það er góður staður til að byrja.

9
00:00:22,830 --> 00:00:25,880
Það er nokkurn veginn jafngömul PHP, eins og heilbrigður,
hafa verið í kringum um 20 ár.

10
00:00:25,880 --> 00:00:28,600
Það var fundið í kringum
sama tíma og PHP.

11
00:00:28,600 --> 00:00:32,240
Og JavaScript er í raun frekar
grundvallaratriði í reynslu notenda

12
00:00:32,240 --> 00:00:32,740
á vefnum.

13
00:00:32,740 --> 00:00:34,448
Í staðreynd, there ert
þrjú tungumál sem ég

14
00:00:34,448 --> 00:00:38,480
myndi segja svona gera upp
notandi reynsla af samskiptum

15
00:00:38,480 --> 00:00:42,650
með heimasíðu, HTML,
CSS og JavaScript.

16
00:00:42,650 --> 00:00:46,030
Og svo nú skulum tala
svolítið um JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> The slæmur fréttir, þó, með JavaScript er
sem það setur mikið af reglum fyrir sig,

18
00:00:50,301 --> 00:00:51,300
og þá er það brýtur þá.

19
00:00:51,300 --> 00:00:54,010
Og JavaScript geta raunverulega vera
konar erfitt að læra,

20
00:00:54,010 --> 00:00:57,000
því það er ólíkt C og
PHP, sem er mjög skipulögð

21
00:00:57,000 --> 00:01:00,270
og hafa mjög strangar reglur
fyrir hvernig hlutirnir geta unnið.

22
00:01:00,270 --> 00:01:03,690
JavaScript er góður
af fengið svo sveigjanleg

23
00:01:03,690 --> 00:01:06,650
að kannski hlutirnir eru ekki að fara að
vinna eins og við búast við þá til,

24
00:01:06,650 --> 00:01:09,830
og kannski við getum í raun ekki lært
Fyrsta forritun okkar tungumál

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

26
00:01:10,769 --> 00:01:12,810
Svo kannski vegna þess að það er ekki
sett sér allar reglur,

27
00:01:12,810 --> 00:01:15,754
og það er í raun ekki
framfylgja góð forritun venja.

28
00:01:15,754 --> 00:01:18,170
En nú höfum við vonandi þróað
nokkrar góðar forritun venja,

29
00:01:18,170 --> 00:01:21,470
og svo við getum byrjað að skyndiárás
í JavaScript svolítið.

30
00:01:21,470 --> 00:01:25,750
>> Til að skrifa JavaScript, svipað opnun
upp á C skrá með punktur C eftirnafn

31
00:01:25,750 --> 00:01:29,770
eða PHP skrá með punktur PHP eftirnafn,
allt sem við þurfum að gera er að opna skrá

32
00:01:29,770 --> 00:01:31,764
með punktur js skrá eftirnafn.

33
00:01:31,764 --> 00:01:34,430
Við þurfum ekki að hafa neitt sérstakt
delimiters eins og við gerðum í PHP.

34
00:01:34,430 --> 00:01:36,750
Þessi tegund af sjónarhorni
krappi spurningarmerki PHP

35
00:01:36,750 --> 00:01:40,300
sem við erum að nota til frá því, hvernig
við segja vafra okkar að það sem við höfum er

36
00:01:40,300 --> 00:01:43,502
JavaScript er með því
það í HTML tag,

37
00:01:43,502 --> 00:01:46,210
og við munum sjá svolítið um
hvernig á að gera það í bara smá stund.

38
00:01:46,210 --> 00:01:48,210
>> The annar hlutur sem gerir
JavaScript öðruvísi,

39
00:01:48,210 --> 00:01:50,580
þó, er að það keyrir viðskiptavinur hlið.

40
00:01:50,580 --> 00:01:53,430
Svo muna með PHP sem
við gætum aldrei séð

41
00:01:53,430 --> 00:01:57,041
PHP sem undirstrikað vefsíðu.

42
00:01:57,041 --> 00:01:59,040
Ef við skoðað alltaf á
síðu uppspretta, myndum við bara

43
00:01:59,040 --> 00:02:02,830
sjá html sem var
mynda með því PHP.

44
00:02:02,830 --> 00:02:04,900
En JavaScript keyrir viðskiptavinur hlið.

45
00:02:04,900 --> 00:02:06,710
Þinn JavaScript keyrir á tölvunni þinni.

46
00:02:06,710 --> 00:02:09,050
Og þess vegna er hægt að gera
Hluti eins og að bæta við blokkar.

47
00:02:09,050 --> 00:02:09,550
Ekki satt?

48
00:02:09,550 --> 00:02:12,704
Sljór auglýsing er venjulega gert með því
drepa alla JavaScript

49
00:02:12,704 --> 00:02:14,370
sem er í gangi á tiltekinni vefsíðu.

50
00:02:14,370 --> 00:02:19,000
Og vegna þess að það þyrfti að
keyra á vél viðskiptavinur hlið,

51
00:02:19,000 --> 00:02:21,910
þú getur bara hætt að
JavaScript til að keyra alveg.

52
00:02:21,910 --> 00:02:27,030
Það þýðir líka að þegar þú notar
a website sem inniheldur JavaScript,

53
00:02:27,030 --> 00:02:32,450
þú þarft að senda JavaScript uppspretta
númer sem hluta af http svar þitt

54
00:02:32,450 --> 00:02:34,159
til viðskiptavinar þegar þeir biðja um það.

55
00:02:34,159 --> 00:02:35,950
Og svo þú gætir ekki
vilt nota JavaScript

56
00:02:35,950 --> 00:02:38,395
að gera virkilega viðkvæm hluti
eins liggur upplýsingar

57
00:02:38,395 --> 00:02:41,020
um lykilorð notenda baka og
fram, vegna þess að þeir eru í raun

58
00:02:41,020 --> 00:02:45,610
að fara að taka á móti öllum af the uppspretta merkjamál,
ekki bara html sem er myndaður,

59
00:02:45,610 --> 00:02:49,030
svo sem væri raunin með segjum PHP.

60
00:02:49,030 --> 00:02:51,620
>> Svo hvernig gera við eru JavaScript
í html okkar til að byrja með?

61
00:02:51,620 --> 00:02:54,520
Jæja, svipað CSS, reyndar,
er tegund af hvernig við gerum það hér.

62
00:02:54,520 --> 00:02:56,190
Með CSS við höfum stíl tags.

63
00:02:56,190 --> 00:03:00,760
Og inni af þeim stíl tags,
getum við að skilgreina CSS stílblað.

64
00:03:00,760 --> 00:03:03,450
Á sama hátt með JavaScript
getum við opna handrit tags,

65
00:03:03,450 --> 00:03:06,660
annars HTML tag við gerðum ekki
tala um í HTML vídeó okkar,

66
00:03:06,660 --> 00:03:09,720
og skrifa Javascript í
á milli þessara handrit tags.

67
00:03:09,720 --> 00:03:13,960
Einnig þó, eins og CSS, við
gæti tengt í utan CSS skrár

68
00:03:13,960 --> 00:03:15,900
og draga þá inn í kerfi okkar þannig.

69
00:03:15,900 --> 00:03:18,280
Með CSS við getum líka,
Afsakið mig, með JavaScript

70
00:03:18,280 --> 00:03:23,240
við getum líka tilgreina uppruna
eiginleiki handriti tag

71
00:03:23,240 --> 00:03:25,720
að tengja í JavaScript
sérstaklega, svo þú ert ekki

72
00:03:25,720 --> 00:03:27,680
að skrifa það í
milli skrifta tags, við

73
00:03:27,680 --> 00:03:29,600
getur tengt það í notkun
sem handrit tag eins og heilbrigður.

74
00:03:29,600 --> 00:03:33,230
Og rétt eins og með málið með CSS hvar
við mælt með því að það var líklega

75
00:03:33,230 --> 00:03:36,090
í besta áhuga þinn til að skrifa
CSS í sérstakri skrá í tilfelli

76
00:03:36,090 --> 00:03:38,500
þú þarft að breyta því,
álíka gera við mælum

77
00:03:38,500 --> 00:03:40,720
sem þú skrifar þína
JavaScript í sérstökum skrám

78
00:03:40,720 --> 00:03:45,460
og nota handrit tags uppspretta
eigindi að binda þinn Javascript

79
00:03:45,460 --> 00:03:49,520
í HTML kóðanum, vefsíðu þinni.

80
00:03:49,520 --> 00:03:52,610
>> Svo JavaScript breytur, munum við
byrja að tala um setningafræði hér.

81
00:03:52,610 --> 00:03:53,600
Og við munum fara í gegnum
svona fljótt,

82
00:03:53,600 --> 00:03:56,640
vegna þess að við höfum gert þetta í PHP, svo
þetta ætti allt að vera nokkuð kunnugt.

83
00:03:56,640 --> 00:03:59,490
Svo breytur í JavaScript er
mjög svipað PHP breytur.

84
00:03:59,490 --> 00:04:03,270
Það er engin tegund specifier og
þegar þú kynna breytu,

85
00:04:03,270 --> 00:04:05,070
þú forskeytið það með VAR leitarorð.

86
00:04:05,070 --> 00:04:07,750
Í PHP við myndum gera eitthvað
eins og þetta, dollaramerki x.

87
00:04:07,750 --> 00:04:09,950
Það er hvernig við fram
breytu, en nei, við

88
00:04:09,950 --> 00:04:12,060
ekki minnst á tegund
breytu á öllum.

89
00:04:12,060 --> 00:04:15,124
Við myndi segja eitthvað eins
dollaramerki x er jafnt 44 í PHP.

90
00:04:15,124 --> 00:04:17,040
Ef við vorum að gera á
sama í JavaScript,

91
00:04:17,040 --> 00:04:19,589
myndum við segja var x jafngildir 44.

92
00:04:19,589 --> 00:04:22,780
Svo er Var konar leiðinni
að kynna breytu.

93
00:04:22,780 --> 00:04:26,850
Það er kannski svolítið meira innsæi
en bara dollaramerki breytu.

94
00:04:26,850 --> 00:04:29,080
>> Aftur, því það er engin
gagnatög, gætum við gert þetta

95
00:04:29,080 --> 00:04:34,490
með hvaða tegund gagna, strengir,
eitthvað annað myndi allt vera var.

96
00:04:34,490 --> 00:04:37,260
Conditionals, allt okkar
gamlir vinir frá C og PHP

97
00:04:37,260 --> 00:04:41,640
eru enn í boði, þannig að við höfum ef
annars ef annar, rofi og spurning

98
00:04:41,640 --> 00:04:42,240
merkja ristill.

99
00:04:42,240 --> 00:04:45,890
Skipta eftir eins sveigjanleg og það
var í PHP, en öll þessi þú ert

100
00:04:45,890 --> 00:04:46,930
þekki nú.

101
00:04:46,930 --> 00:04:49,900
Og álíka með lykkjur eru
gamla uppáhaldi stund,

102
00:04:49,900 --> 00:04:52,700
gera á meðan, og enn í boði fyrir okkur.

103
00:04:52,700 --> 00:04:55,880
Svo þegar við vitum mikið af
undirstöðu JavaScript konar grundvallaratriði

104
00:04:55,880 --> 00:05:01,800
bara í krafti þess að hafa töluvert
þekkingar nú um C og PHP.

105
00:05:01,800 --> 00:05:03,670
>> Hvað um aðgerðir í JavaScript?

106
00:05:03,670 --> 00:05:08,199
Jæja, svipað PHP hvert hlutverk er
kynnt með virka leitarorð.

107
00:05:08,199 --> 00:05:10,740
Þú segir virka, og þá
byrja að skilgreina virka.

108
00:05:10,740 --> 00:05:12,531
Hvað er svolítið öðruvísi
um JavaScript,

109
00:05:12,531 --> 00:05:15,700
þó er sá eiginleiki að hafa
það sem er kallað nafnlaus aðgerð.

110
00:05:15,700 --> 00:05:18,880
Svo er hægt að skilgreina aðgerðir
sem ekki hafa nafn.

111
00:05:18,880 --> 00:05:21,222
Þetta er eitthvað sem við
í raun hafa ekki séð áður.

112
00:05:21,222 --> 00:05:23,430
Við munum virkilega að nota hugtakið
af nafnlaus aðgerð

113
00:05:23,430 --> 00:05:27,880
stuttu seinna í þessu
video, því það verður

114
00:05:27,880 --> 00:05:31,530
gera smá meira vit í samhengi
þegar við sjáum það í tilteknu ástandi

115
00:05:31,530 --> 00:05:33,120
sem ég hef iðn hér.

116
00:05:33,120 --> 00:05:35,710
En við skulum bara taka a líta
á hvaða einfaldan JavaScript

117
00:05:35,710 --> 00:05:37,850
virka gæti litið út.

118
00:05:37,850 --> 00:05:40,610
>> Þannig að ég hef farið á undan og
opnaði CS50 IDE minn

119
00:05:40,610 --> 00:05:43,690
og ég hef keyrt þegar Apache
að byrja framreiðslumaður hlaupandi mína.

120
00:05:43,690 --> 00:05:46,800
Og ég hef þessa skrá
opna kallað heim.html.

121
00:05:46,800 --> 00:05:48,330
Og ég ætla að stækka smá hér.

122
00:05:48,330 --> 00:05:52,090
Og í rauninni er hægt að sjá
Heim.html er bara fullt af hnöppum.

123
00:05:52,090 --> 00:05:55,291
Og ég er krafa efst hér
að þetta er JavaScript hluti

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

125
00:05:55,790 --> 00:05:59,490
Svo er það fullt af hnöppum hér,
en hvað þessir takkar raunverulega gera?

126
00:05:59,490 --> 00:06:03,662
>> Jæja, munum við höfuð yfir hvöt mína,
og ég hef heim.html opna hér.

127
00:06:03,662 --> 00:06:05,620
Í upphafi,
hér er þar sem ég er að tengja

128
00:06:05,620 --> 00:06:07,500
í öllum mínum JavaScript fengið skrár.

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

130
00:06:08,000 --> 00:06:12,440
Þannig að ég hef anonymous.js, clock.js,
Ég er að nota uppspretta eigindi

131
00:06:12,440 --> 00:06:14,440
af handriti tag til að tengja í skrá.

132
00:06:14,440 --> 00:06:18,660
Þannig að ég hef ekki skrifað eitthvað
JavaScript beint í skrána,

133
00:06:18,660 --> 00:06:21,790
en ég hef dregið í allt
JavaScript Ég hef skrifað sig.

134
00:06:21,790 --> 00:06:24,540
Og ef við skruna niður hér, þetta
ættu allir að líta nokkuð kunnugur

135
00:06:24,540 --> 00:06:27,090
með smá nýja setningafræði.

136
00:06:27,090 --> 00:06:32,655
Við höfum hér haus tag fyrir
virka og þá hnappinn.

137
00:06:32,655 --> 00:06:35,530
Ég er með inntak sem er gerð hnappinn,
og virðist þegar ég smelltu á það,

138
00:06:35,530 --> 00:06:38,130
Ég ætla að hringja í nokkrar
virka viðvörun dagsetningu.

139
00:06:38,130 --> 00:06:41,792
Og þetta er hvernig við getum konar blanda upp
smá JavaScript og HTML.

140
00:06:41,792 --> 00:06:44,500
Þeir spila reyndar mjög fallega
saman, og svo virðist hvenær

141
00:06:44,500 --> 00:06:48,730
Ég smelli á þennan hnapp, ég ætla
að hringja nokkur virka viðvörun dagsetningu.

142
00:06:48,730 --> 00:06:53,660
Og álíka hef ég skilgreint hegðun
fyrir alla aðra reiti sem

143
00:06:53,660 --> 00:06:56,440
eru á þeirri heim.html síðu,
sem við munum halda aftur

144
00:06:56,440 --> 00:06:59,172
að meðan á þessu myndbandi.

145
00:06:59,172 --> 00:07:00,880
En við skulum fara aftur upp
hér og kíkja

146
00:07:00,880 --> 00:07:03,850
á clock.js, sem er
JavaScript skrá sem ég

147
00:07:03,850 --> 00:07:07,370
skrifaði sem hefur þessa fyrstu aðgerð
við erum að fara að kíkja á.

148
00:07:07,370 --> 00:07:11,630
Eins og þú geta sjá, byrja ég minn Javascript
virka með leitarorðinu virka,

149
00:07:11,630 --> 00:07:14,560
og ég hef gefið þetta a
nafn, það heitir viðvörun dagsetning.

150
00:07:14,560 --> 00:07:18,710
Inni þar, ég skapa greinilega
Ný staðbundin breytu sem heitir dag-.

151
00:07:18,710 --> 00:07:21,500
Og ég ætla að úthluta
jafn í nýja dagsetningu.

152
00:07:21,500 --> 00:07:24,430
Og við gætum fengið inn mikið af
smáatriði um hvað a dagsetning er,

153
00:07:24,430 --> 00:07:27,060
og í raun JavaScript er svo
stór að við getum ekki mögulega

154
00:07:27,060 --> 00:07:28,330
ná allt í einu vídeó.

155
00:07:28,330 --> 00:07:32,220
En nægja að segja, þetta er að fara
til að fara aftur til mín gögn atriði sem

156
00:07:32,220 --> 00:07:35,470
ævisaga núverandi dagsetningu og tíma.

157
00:07:35,470 --> 00:07:39,100
Ég er að geyma það í breytu sem ég er
greinilega að fara að láta dagsetninguna.

158
00:07:39,100 --> 00:07:41,300
>> Jæja, hvað þýðir viðvörun
dag- líta út?

159
00:07:41,300 --> 00:07:46,460
Við skulum taka a líta á the skrá sig
aftur yfir í glugga.

160
00:07:46,460 --> 00:07:49,551
Svo aftur, þetta er hnappur sem ég
hafa bundið við, þetta heitir virka.

161
00:07:49,551 --> 00:07:51,800
Og ég smelli það þar og
Sjáðu hvað það gerði, viðvörun það.

162
00:07:51,800 --> 00:07:56,140
Það smella upp þessa tegund af kassa segja
mér að núverandi tími er virðist

163
00:07:56,140 --> 00:07:59,370
það er 4. nóvember á
10:43:43 um morguninn.

164
00:07:59,370 --> 00:08:02,345
Og ef ég smelli á það aftur, nú
það er nokkrum sekúndum síðar, ekki satt?

165
00:08:02,345 --> 00:08:03,720
Svo er það allt þetta virka gerir.

166
00:08:03,720 --> 00:08:07,670
Þegar ég smelli á þennan hnapp, það
birtist upp viðvörun skilaboð til mín.

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

168
00:08:13,806 --> 00:08:15,690
Svo er það í raun ekki
of mikið að virka

169
00:08:15,690 --> 00:08:19,110
það er mismunandi frá PHP,
bara svolítið af nýjum setningafræði

170
00:08:19,110 --> 00:08:22,500
sem kemur með að vinna með JavaScript.

171
00:08:22,500 --> 00:08:24,650
>> Fylki í JavaScript er
frekar einfalt.

172
00:08:24,650 --> 00:08:27,200
Að lýsa fylki, þú notar
hornklofum setningafræði

173
00:08:27,200 --> 00:08:30,090
sem við erum kunnugir frá PHP.

174
00:08:30,090 --> 00:08:33,432
Og svipað PHP, við
Einnig er hægt að blanda gögn gerðum.

175
00:08:33,432 --> 00:08:35,140
Þannig að þetta array, bæði
af þessum fylki myndi

176
00:08:35,140 --> 00:08:36,960
vera fullkomlega lögmætur JavaScript.

177
00:08:36,960 --> 00:08:42,500
Eitt sem er allt heiltölur, og sá sem
er ruglað mismunandi gerðir gagna.

178
00:08:42,500 --> 00:08:45,020
>> Hvað er eitthvað mjög öðruvísi
í JavaScript, þó?

179
00:08:45,020 --> 00:08:47,020
Það er hugmyndin um hlut.

180
00:08:47,020 --> 00:08:50,240
Svo kannski þú hafir heyrt um
Object oriented Forritun.

181
00:08:50,240 --> 00:08:53,370
Við gerum ekki mikið af því í CS50,
en við munum gera smá af því

182
00:08:53,370 --> 00:08:55,670
hér í tengslum við JavaScript.

183
00:08:55,670 --> 00:08:59,100
Nú hefur JavaScript getu til
haga sér eins og Object oriented Forritun

184
00:08:59,100 --> 00:09:02,615
tungumál, en það er ekki sjálft
eingöngu hlutur stilla

185
00:09:02,615 --> 00:09:03,490
forritunarmál.

186
00:09:03,490 --> 00:09:05,281
Og aftur kemur
aftur til hvers vegna ég sagði, það

187
00:09:05,281 --> 00:09:10,610
getur verið mjög erfitt að læra
JavaScript sem fyrsta forritun

188
00:09:10,610 --> 00:09:13,890
tungumál, því það er ekki
virkilega passa ákveðna hugmyndafræði.

189
00:09:13,890 --> 00:09:16,430
>> C á hinn bóginn er
hagnýtur forritunarmál.

190
00:09:16,430 --> 00:09:22,270
Ef við viljum, eru aðgerðir
konar stóru stjóri Manchester, ekki satt?

191
00:09:22,270 --> 00:09:24,410
Þeir ákveða hvað
gerist allt annað.

192
00:09:24,410 --> 00:09:26,600
Við viljum breyta breytur,
við köllum aðgerðir.

193
00:09:26,600 --> 00:09:28,220
Við gerum það til að virka.

194
00:09:28,220 --> 00:09:31,250
Hlutir í staðinn, í
mótmæla stilla tungumál,

195
00:09:31,250 --> 00:09:35,937
hlutir konar verða stjarna og
aðgerðir orðið eins konar efri.

196
00:09:35,937 --> 00:09:38,270
En hvað er hlutur, hvað
er þetta hugmynd af hlut?

197
00:09:38,270 --> 00:09:40,880
Jæja, ef það hjálpar, ég held
um það á fyrst raða

198
00:09:40,880 --> 00:09:44,540
af eins og C uppbyggingu eða strúktúr
sem við höfum lært um áður.

199
00:09:44,540 --> 00:09:47,430
Í C, uppbygging inniheldur
a tala af sviðum,

200
00:09:47,430 --> 00:09:51,174
og kannski við nú gæti byrjað að
kalla þessum sviðum eiginleika.

201
00:09:51,174 --> 00:09:53,590
En eignir aldrei
standa á eigin spýtur, ekki satt?

202
00:09:53,590 --> 00:09:56,410
Ef ég skilgreina uppbyggingu fyrir bíl
svona með eftirfarandi tveimur

203
00:09:56,410 --> 00:10:00,750
sviðum eða eignir, einn an
heiltala fyrir árið á bílnum

204
00:10:00,750 --> 00:10:04,290
og annar 10 staf
band fyrir líkan af bílnum,

205
00:10:04,290 --> 00:10:07,150
Ég get sagt eitthvað eins og þetta,
Ég get lýst því yfir nýja breytu

206
00:10:07,150 --> 00:10:10,080
af gerðinni struct bíl Herbie.

207
00:10:10,080 --> 00:10:13,730
Og þá get ég sagt eitthvað
eins herbie.year jafngildir 1963,

208
00:10:13,730 --> 00:10:15,850
og herbie.model jafngildir Beetle.

209
00:10:15,850 --> 00:10:17,000
Það er allt í lagi.

210
00:10:17,000 --> 00:10:19,680
Ég er að nota reiti
samhengi á skipulagi,

211
00:10:19,680 --> 00:10:22,290
en ég gat aldrei bara
segja eitthvað eins og þetta.

212
00:10:22,290 --> 00:10:22,790
Ekki satt?

213
00:10:22,790 --> 00:10:26,836
Ég get ekki notað reit nafn
óháð uppbyggingu.

214
00:10:26,836 --> 00:10:28,210
Það er tegund af grundvallar hlutur.

215
00:10:28,210 --> 00:10:32,990
>> Svo sviðum vera
grundvallaratriði að C mannvirki

216
00:10:32,990 --> 00:10:39,050
eru mjög svipuð eignir vera
grundvallaratriði að JavaScript hlutum.

217
00:10:39,050 --> 00:10:42,080
En það sem gerir þá
sérstaklega áhugavert

218
00:10:42,080 --> 00:10:46,230
er að hlutir geta einnig hafa það
eru kallaðir aðferðir, sem eru í raun

219
00:10:46,230 --> 00:10:50,730
bara fínt orð fyrir aðgerðir sem
felast að mótmæla eins og heilbrigður.

220
00:10:50,730 --> 00:10:55,340
Svo það er aðgerð sem getur aðeins verið
kölluð í tengslum við hlut.

221
00:10:55,340 --> 00:10:59,200
Aðeins hlutur sem hefur skilgreint
þessi aðgerð inni í sínum,

222
00:10:59,200 --> 00:11:02,020
ef þú hugsar um að
struct, sem virka

223
00:11:02,020 --> 00:11:05,720
er skilgreind innan þessara skilgreina
hrokkið axlabönd á skipulagi.

224
00:11:05,720 --> 00:11:07,980
Svo það þýðir aðeins eitthvað
við uppbyggingu.

225
00:11:07,980 --> 00:11:10,960
Og það er tegund af því sem við erum að gera
hér við hluti og aðferðir.

226
00:11:10,960 --> 00:11:13,580
Það er í grundvallaratriðum eins og við erum
skilgreina fall sem

227
00:11:13,580 --> 00:11:16,670
gerir bara skilningi á a
einkum hlut, og svo við

228
00:11:16,670 --> 00:11:19,440
kalla að aðferð á hlut.

229
00:11:19,440 --> 00:11:23,180
Og við getum aldrei kalla það
virka óháð af hlutnum,

230
00:11:23,180 --> 00:11:29,260
bara eins og við getum ekki sagt ár eða líkan
óháð strúktúr í C.

231
00:11:29,260 --> 00:11:32,300
>> Svo hagnýtur forritun
málin líta eitthvað eins og this.

232
00:11:32,300 --> 00:11:35,450
Virka og þá þegar þú fara
í hlut sem viðfang.

233
00:11:35,450 --> 00:11:38,650
Í Object oriented Forritun
tungumálum, þessi tegund af fær

234
00:11:38,650 --> 00:11:43,464
hreifi, og við myndum hugsa um
það eins og þetta, object.function.

235
00:11:43,464 --> 00:11:45,380
Svo það er tegund af þeirri punktur
rekstraraðila aftur felur

236
00:11:45,380 --> 00:11:49,540
að það er einhvers konar eign
eða eiginleiki hlutnum sjálfum.

237
00:11:49,540 --> 00:11:53,240
En þetta er það hlutur
stilla forritunarmál

238
00:11:53,240 --> 00:11:57,150
gæti gert til að gera aðgerð
kalla á aðferð, aftur, sem

239
00:11:57,150 --> 00:12:00,260
er bara sérstakt orð fyrir aðgerð
sem felst í hlut.

240
00:12:00,260 --> 00:12:03,440
Þetta er það sem að
setningafræði gæti litið út.

241
00:12:03,440 --> 00:12:09,360
Og svo munum við byrja að sjá nokkrar af
þetta í tengslum við JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Þú getur einnig hugsa um hlut
tegund af eins tengin array,

243
00:12:12,470 --> 00:12:14,160
sem við erum kunnugir frá PHP.

244
00:12:14,160 --> 00:12:17,720
Mundu tengin array gerir
okkur að hafa lykilinn gildi pör stað

245
00:12:17,720 --> 00:12:23,040
af því að hafa vísitölur 0, einn, tveir, þrír,
og svo framvegis eins og við erum að nota til úr C

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

247
00:12:23,940 --> 00:12:27,472
Tengin fylki getur kortinu
orð, svo sem í PHP vídeó,

248
00:12:27,472 --> 00:12:29,180
við vorum að tala um
álegg á pizzur.

249
00:12:29,180 --> 00:12:31,180
Og svo við höfðum fjölda
kallast pizzur, og við

250
00:12:31,180 --> 00:12:36,670
hafði ostur var lykillinn og $ 8,99 var
gildi, og þá pepperoni var lykillinn,

251
00:12:36,670 --> 00:12:39,190
$ 9,99 var gildi, og svo framvegis.

252
00:12:39,190 --> 00:12:43,300
Og svo við getum einnig að hugsa um að
mótmæla konar svipað tengin

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

254
00:12:43,840 --> 00:12:47,020
Og svo þetta setningafræði hér
myndi búa til nýjan hlut

255
00:12:47,020 --> 00:12:50,950
heitir Herbie með tveimur
eiginleikar inni af því.

256
00:12:50,950 --> 00:12:57,310
Ári, sem er úthlutað gildi 1963,
og fyrirmynd, sem er úthlutað band

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

258
00:12:58,140 --> 00:13:01,770
>> Og taka fram að ég er að nota
einn vitna í JavaScript.

259
00:13:01,770 --> 00:13:05,570
Þú getur notað einfaldar eða tvöfaldar gæsalappir
þegar þú ert að tala um strengi.

260
00:13:05,570 --> 00:13:07,772
Það er bara venjulega
að ræða að flestir sinnum

261
00:13:07,772 --> 00:13:10,230
þegar þú ert að skrifa JavaScript,
þú notar bara einn quotes.

262
00:13:10,230 --> 00:13:15,050
En ég gæti notað gæsalappa hér, og
það væri fullkomlega í lagi eins og heilbrigður.

263
00:13:15,050 --> 00:13:17,470
>> Svo muna hvernig í
PHP við höfðum þessa hugmynd

264
00:13:17,470 --> 00:13:22,730
A fyrir hverja lykkju sem myndi leyfa okkur
að iterate yfir öll helstu verðmæti

265
00:13:22,730 --> 00:13:25,270
pör af tengin
array, vegna þess að við

266
00:13:25,270 --> 00:13:29,050
ekki hafa þessa getu til að árétta
í gegnum 0, einn, tveir, þrír, fjórir,

267
00:13:29,050 --> 00:13:30,710
og svo framvegis?

268
00:13:30,710 --> 00:13:35,010
JavaScript er eitthvað mjög svipað,
en það er ekki kallað eftir hverja lykkju,

269
00:13:35,010 --> 00:13:38,960
það er kallað í lykkjur.

270
00:13:38,960 --> 00:13:42,890
Þannig að ef ég sagði við mig eins og
þetta fyrir VAR lykill í hlut,

271
00:13:42,890 --> 00:13:48,670
það er tegund af líkur til að segja
fyrir hvern eitthvað eins og eitthvað.

272
00:13:48,670 --> 00:13:53,850
En allt sem ég er að gera hér er iterating
gegnum alla takkana af hlut mínum.

273
00:13:53,850 --> 00:13:56,070
Og inni í hrokkið
axlabönd það, myndi ég

274
00:13:56,070 --> 00:14:03,410
nota mótmæla hornklofa takka til að vísa
á gildið á þeim lykill stað.

275
00:14:03,410 --> 00:14:05,400
>> Einnig, það er
jafnvel annað nálgun.

276
00:14:05,400 --> 00:14:10,880
Ef ég bara aðeins annt um
gildi, get ég sagt fyrir lykill hlut,

277
00:14:10,880 --> 00:14:12,360
og bara nota takkann inni.

278
00:14:12,360 --> 00:14:17,240
Svo fyrir VaR-lykill í hlut, ég hef
að nota hlut hornklofa

279
00:14:17,240 --> 00:14:19,340
lykill inni í lykkju.

280
00:14:19,340 --> 00:14:24,580
Fyrir VaR lykli hlut, ég get
bara nota takkann inni í lykkju,

281
00:14:24,580 --> 00:14:29,040
því ég er bara sérstaklega
að tala um gildi þar.

282
00:14:29,040 --> 00:14:32,630
>> Svo skulum kannski taka a
líta á mismun

283
00:14:32,630 --> 00:14:35,670
bara að fljótt sýna þér
munurinn á milli fjögurra

284
00:14:35,670 --> 00:14:40,730
í og á við mjög sérstakur
array, sem við höfum hér, vika array.

285
00:14:40,730 --> 00:14:43,616
Svo ég verð að finna nýtt array
sem ég fyllti með sjö strengi,

286
00:14:43,616 --> 00:14:46,240
Mánudagur, þriðjudagur, miðvikudagur,
Fimmtudagur, föstudagur, laugardagur, sunnudagur.

287
00:14:46,240 --> 00:14:50,530
Og ég vil nú árétta
gegnum þennan fjölda,

288
00:14:50,530 --> 00:14:53,090
prenta út ákveðnar upplýsingar.

289
00:14:53,090 --> 00:14:58,780
Ef ég nota í lykkju
að prenta út upplýsingar,

290
00:14:58,780 --> 00:15:00,710
hvað finnst þér að ég ætla að fá?

291
00:15:00,710 --> 00:15:01,710
Jæja, við skulum taka a líta.

292
00:15:01,710 --> 00:15:05,300
Og áður en við stökkva yfir
að glugga minn,

293
00:15:05,300 --> 00:15:08,090
bara veit að
console.log er tegund af eins

294
00:15:08,090 --> 00:15:10,630
leið til að gera prenta F í JavaScript.

295
00:15:10,630 --> 00:15:12,040
En hvað er að hugga?

296
00:15:12,040 --> 00:15:14,940
Jæja, það er það sem við erum að fara
að fara kíkja á núna.

297
00:15:14,940 --> 00:15:16,850
>> OK, þannig að við erum aftur hingað
í glugga mínum,

298
00:15:16,850 --> 00:15:19,410
og ég ætla að opna
upp mínum verktaki verkfæri.

299
00:15:19,410 --> 00:15:22,290
Aftur, ég er bara hitting F12
að opna verktaki verkfæri.

300
00:15:22,290 --> 00:15:25,670
Og eftir að hér á
toppur Ég hef valið vélinni.

301
00:15:25,670 --> 00:15:28,480
Þannig að þetta er hugmynd
forritari vélinni,

302
00:15:28,480 --> 00:15:30,500
og það mun leyfa okkur að
prenta upplýsingar út,

303
00:15:30,500 --> 00:15:33,000
tegund af eins flugstöðinni, en
eins og þú munt sjá smá seinna,

304
00:15:33,000 --> 00:15:37,720
við getum líka slegið upplýsingar í
að hafa samskipti við vefsíðu okkar.

305
00:15:37,720 --> 00:15:42,320
Ég ætla að stækka í smá hér,
og ég ætla að smella nú á fyrir prófun.

306
00:15:42,320 --> 00:15:45,230
Og fjórir í test-- Ég ætla ekki að
sýna þér kóðann fyrir hann núna,

307
00:15:45,230 --> 00:15:47,479
en þú munt fá það ef þú
sækja kóðann sem

308
00:15:47,479 --> 00:15:50,380
er tengt þessari video--
er bara að leita í lykkja

309
00:15:50,380 --> 00:15:52,610
sem við sáum bara
sekúndu á mynd.

310
00:15:52,610 --> 00:15:54,810
>> Þannig að ég ætla að smella sem
hnappinn og hérna,

311
00:15:54,810 --> 00:15:58,440
hér er það sem hefur prentað út í
hugga, 0, einn, tveir, þrír, fjórir, fimm,

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

313
00:15:58,940 --> 00:16:02,490
Ég vissi ekki að prenta út upplýsingar
innan þessara array stöðum,

314
00:16:02,490 --> 00:16:05,180
vegna þess að ég notaði í lykkju.

315
00:16:05,180 --> 00:16:10,670
Og inni í líkama lykkju, ég
bara prenta út takkann ekki andmælum takkann.

316
00:16:10,670 --> 00:16:18,600
En ef ég hreinsa á mína vélinni, og ég
skipta yfir í próf, og fjórir af próf

317
00:16:18,600 --> 00:16:22,500
Ég segi að ég nota fyrir lykkju
staðinn og prenta út takkann,

318
00:16:22,500 --> 00:16:28,079
ef ég smelli sem, nú er ég að fá
Raunveruleg atriði inni í hlut minn

319
00:16:28,079 --> 00:16:29,120
eða array minn í þessu tilfelli.

320
00:16:29,120 --> 00:16:31,760
Array minn virkum dögum.

321
00:16:31,760 --> 00:16:33,480
Ég prenta út mánudagur,
Þriðjudagur, Miðvikudagur.

322
00:16:33,480 --> 00:16:36,930
Svo er það munurinn á milli
a í lykkju, sem prentar út

323
00:16:36,930 --> 00:16:43,410
bara takkarnir ef þú notar bara lykil
inni meginmál lykkju,

324
00:16:43,410 --> 00:16:46,850
og fyrir lykkju, sem prentar
út gildum ef þú notar bara

325
00:16:46,850 --> 00:16:48,870
lykill inni meginmál lykkju.

326
00:16:48,870 --> 00:16:52,380
>> Allt í lagi, hvernig eigum við að byrja núna að
concatenate strengi og kannski blanda upp

327
00:16:52,380 --> 00:16:57,220
sumar breytur með brúun
eins og við gátum að gera í PHP?

328
00:16:57,220 --> 00:16:59,410
Jæja, við erum nokkuð kunnugur
með þetta frá PHP.

329
00:16:59,410 --> 00:17:04,109
Þetta er hvernig við myndum gera það með því að nota
punktur rekstraraðila til concatenate strengi.

330
00:17:04,109 --> 00:17:06,260
JavaScript, þó,
við notum í raun eitthvað

331
00:17:06,260 --> 00:17:09,290
kallað auk rekstraraðila, sem
er kannski jafnvel svolítið meira

332
00:17:09,290 --> 00:17:10,470
innsæi, ekki satt?

333
00:17:10,470 --> 00:17:12,609
Við erum að bæta fullt
af strengjum saman.

334
00:17:12,609 --> 00:17:14,520
Svo skulum fara aftur
yfir og sjá hvað þetta

335
00:17:14,520 --> 00:17:18,693
prentar ef við erum að reyna að prenta út
allar upplýsingar í viku fylkisins.

336
00:17:18,693 --> 00:17:20,859
Allt í lagi, svo undir hér
undir band samtenging,

337
00:17:20,859 --> 00:17:24,822
Ég hef tvo valkosti, string bygging
V1 og þá band bygging V2.

338
00:17:24,822 --> 00:17:26,530
Og við munum sjá hvers vegna við
þarf V2 í annað.

339
00:17:26,530 --> 00:17:28,610
En ég ætla að smella á
band bygging V1, sem

340
00:17:28,610 --> 00:17:30,360
er kóðinn sem við vorum
bara að taka a líta á,

341
00:17:30,360 --> 00:17:32,980
sem console.log með öllum plús-merkjum.

342
00:17:32,980 --> 00:17:35,910
Við skulum sjá hvort þetta framköllun
hvað við búast.

343
00:17:35,910 --> 00:17:39,939
>> Mánudagur er dagur númer 01 í viku,
Þriðjudagur er dagur númer 11 í vikunni.

344
00:17:39,939 --> 00:17:41,730
Jæja, það sem ég var að reyna
að gera það var að fá

345
00:17:41,730 --> 00:17:46,280
það að prenta út mánudagur er dagur númer
einn, þriðjudagur er dagur númer tvö.

346
00:17:46,280 --> 00:17:50,140
En það virðist eins og ég er
alltaf prenta út einn.

347
00:17:50,140 --> 00:17:51,260
Ja, hvers vegna er það?

348
00:17:51,260 --> 00:17:55,600
Jæja, það kemur í ljós, að taka aðra líta
á þessu litla runu af kóða.

349
00:17:55,600 --> 00:18:00,160
Takið eftir að við erum að nota plús
stjórnandi í tveimur mismunandi samhengi.

350
00:18:00,160 --> 00:18:03,221
>> Og svo hér er þar kannski það
sem við höfum konar verið að segja,

351
00:18:03,221 --> 00:18:03,970
ó, það er svo mikill.

352
00:18:03,970 --> 00:18:05,910
Við takast ekki á við gagnatög lengur.

353
00:18:05,910 --> 00:18:08,220
En hér er þar sem staðreynd
að við missum gagnatög

354
00:18:08,220 --> 00:18:10,960
geta raunverulega vera a hluti
um vandamál fyrir okkur.

355
00:18:10,960 --> 00:18:16,260
Nú þegar Plus rekstraraðili er notað til að
concatenate strengi og bæta símanúmerum

356
00:18:16,260 --> 00:18:19,550
saman, JavaScript er
að gera ágiskun sína

357
00:18:19,550 --> 00:18:22,030
um hvað ég vil það að gera fyrir mig.

358
00:18:22,030 --> 00:18:23,900
Og í þessu tilfelli, það giska rangt.

359
00:18:23,900 --> 00:18:29,340
Það bara Concatenated dag, sem væri
0, einn, tveir, þrír, fjórir, fimm, eða sex,

360
00:18:29,340 --> 00:18:32,060
og þá er það concatenated bara
sem og þá concatenated einn.

361
00:18:32,060 --> 00:18:35,020
Það var í raun ekki bæta þeim saman.

362
00:18:35,020 --> 00:18:37,320
Og svo þessar tungumál,
PHP og JavaScript,

363
00:18:37,320 --> 00:18:39,196
sem Ágrip burtu
Þessi hugmynd um tegund,

364
00:18:39,196 --> 00:18:40,820
þú þarft ekki að takast á við það lengur.

365
00:18:40,820 --> 00:18:43,600
Þeir hafa enn gerðir undir hetta.

366
00:18:43,600 --> 00:18:46,780
Og við getum, við aðstæður
eins og þetta, nýta þá staðreynd

367
00:18:46,780 --> 00:18:49,240
með því að segja eitthvað
eins og kannski þetta, sem

368
00:18:49,240 --> 00:18:53,210
er að segja JavaScript, af
leið, meðhöndla þetta sem heiltala,

369
00:18:53,210 --> 00:18:57,100
ekki meðhöndla það eins og band, jafnvel
þó að við erum að blanda saman strengi

370
00:18:57,100 --> 00:18:58,940
og heiltölur hér.

371
00:18:58,940 --> 00:19:02,204
>> Það er bara einn af þeim hlutum
að það virðist svo mikill í samhengi

372
00:19:02,204 --> 00:19:04,120
að við þurfum ekki að
takast á við gerðum lengur,

373
00:19:04,120 --> 00:19:05,828
en stundum þú munt
hlaupa inn í aðstæður

374
00:19:05,828 --> 00:19:09,110
nákvæmlega eins og þetta þar sem sú staðreynd að
þú þarft ekki stjórn á gerðum

375
00:19:09,110 --> 00:19:11,220
getur aukasprenging á þig
ef þú ert ekki varkár.

376
00:19:11,220 --> 00:19:18,285
Og svo ef við skjóta aftur yfir til IDE, ég er
að fara að hreinsa út mína hugga aftur,

377
00:19:18,285 --> 00:19:20,660
og ég ætla að smella band
bygging útgáfa tveimur, sem

378
00:19:20,660 --> 00:19:23,052
er þar sem ég nota þessi þátta int virka.

379
00:19:23,052 --> 00:19:25,260
Nú er að prenta út
upplýsingar sem ég er að búast við.

380
00:19:25,260 --> 00:19:29,330
Dagur númer eitt Mánudagur, þriðjudagur
er dagur númer tvö, og svo framvegis.

381
00:19:29,330 --> 00:19:31,170
>> Svo skulum við tala um aðgerðir aftur.

382
00:19:31,170 --> 00:19:34,790
Ég lofaði að við myndum tala um nafnlaus
virka, og nú sett í annað samhengi sem

383
00:19:34,790 --> 00:19:36,360
er loksins komin.

384
00:19:36,360 --> 00:19:39,980
Svo áður en við gerum það, við skulum tala aftur
um fylki fyrir bara annað.

385
00:19:39,980 --> 00:19:42,120
Svo fylki eru sérstök
ræða hlut.

386
00:19:42,120 --> 00:19:45,180
Í raun, allt í
JavaScript er í raun hlutur.

387
00:19:45,180 --> 00:19:47,190
Svo virka eru
sérstakt tilfelli af hlut,

388
00:19:47,190 --> 00:19:49,770
heiltölur eru sérstök
ræða hlut,

389
00:19:49,770 --> 00:19:52,152
en fylki sérstaklega
hafa ýmsar aðferðir.

390
00:19:52,152 --> 00:19:55,110
Mundu því þeir eru hluti,
þeir geta haft eiginleika og aðferðir.

391
00:19:55,110 --> 00:19:58,600
Þeir hafa a tala af aðferðum sem
er hægt að beita til að þeim hlutum.

392
00:19:58,600 --> 00:20:01,197
Það er aðferð sem kallast
stærð, array.size,

393
00:20:01,197 --> 00:20:03,030
sem mun koma aftur til
þú eins og þú might búast

394
00:20:03,030 --> 00:20:05,120
fjöldi staka í fylkinu þinn.

395
00:20:05,120 --> 00:20:08,480
array.pop, tegund af eins
hugmynd okkar pabbi burt

396
00:20:08,480 --> 00:20:11,110
stafla, ef þú manst
frá Stacks vídeó okkar,

397
00:20:11,110 --> 00:20:13,810
fjarlægir síðasta stakið úr fylkinu.

398
00:20:13,810 --> 00:20:17,110
array.push bætir nýjum þáttum
til loka fylki.

399
00:20:17,110 --> 00:20:20,910
array.shift er tegund af
eins DQ, samsetninga það út

400
00:20:20,910 --> 00:20:23,610
the mjög fyrstur þáttur í fylki.

401
00:20:23,610 --> 00:20:27,549
>> En það er líka annar sérstaka
aðferð við fjölda kallast kort.

402
00:20:27,549 --> 00:20:29,340
Og þetta er tegund af að
áhugavert hugtak.

403
00:20:29,340 --> 00:20:30,930
Svo er það hugmyndin um kort?

404
00:20:30,930 --> 00:20:33,880
Þú munt í raun sjá þetta
í nokkrum öðrum tungumálum,

405
00:20:33,880 --> 00:20:38,550
og við erum ekki að tala um a
konar sjókortagerðarmanna map hér,

406
00:20:38,550 --> 00:20:41,480
við erum að tala um kortlagning virka.

407
00:20:41,480 --> 00:20:44,110
Í tengslum við erum
að tala um hér, kort

408
00:20:44,110 --> 00:20:47,950
er sérstakt aðgerð við
getur framkvæmt á fjölda

409
00:20:47,950 --> 00:20:51,630
að beita tiltekinni aðgerð
að sérhver þáttur þessi fylking.

410
00:20:51,630 --> 00:20:55,190
og svo við myndum segja í
þetta mál, kannski array.map,

411
00:20:55,190 --> 00:21:00,330
og innan þess, við erum liggur
í kort er fall sem við viljum

412
00:21:00,330 --> 00:21:02,430
til að beita hvert einasta frumefni.

413
00:21:02,430 --> 00:21:07,299
Svo það er tegund af hliðstætt með
lykkju til að árétta yfir öllum þáttum

414
00:21:07,299 --> 00:21:09,340
og gilda tiltekin
virka til að hvert frumefni,

415
00:21:09,340 --> 00:21:14,830
bara JavaScript hefur þetta innbyggður í
Hugtakið kortlagningu sem hægt er að beita.

416
00:21:14,830 --> 00:21:19,700
Og þetta er frábær samhengi að
tala um nafnlaus aðgerð.

417
00:21:19,700 --> 00:21:22,370
>> Svo skulum segja að við höfum
þetta array af heiltölur.

418
00:21:22,370 --> 00:21:25,370
Það er nums, og það fékk fimm
hlutir í henni, einn, tveir, þrír, fjórir,

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

420
00:21:26,410 --> 00:21:30,620
Nú vil ég að kortleggja nokkrar
virka á þessu fylki.

421
00:21:30,620 --> 00:21:34,337
Ég vil hafa virka gilda
að hvert frumefni fylkisins.

422
00:21:34,337 --> 00:21:37,420
Jæja, við skulum segja að það sem ég vil
gera er réttlátur tvöfaldur alla þá þætti.

423
00:21:37,420 --> 00:21:42,520
Hvað ég gæti gert er bara að nota lykkju
að Var I jafngildir 0, I er minni en

424
00:21:42,520 --> 00:21:47,390
eða jafnt og 4, ég auk, plús, og
þá tvöfalda hvert einasta númer.

425
00:21:47,390 --> 00:21:49,580
En ég get líka gert eitthvað eins og this.

426
00:21:49,580 --> 00:21:53,420
Ég get sagt nums var áður
einn tveir þrír fjórir fimm,

427
00:21:53,420 --> 00:21:58,310
nú, þó, myndi ég eins og þú að
beita kortlagning á þessu fylki

428
00:21:58,310 --> 00:22:00,400
þar sem ég vildi eins og þú
að tvöfalda hvert númer.

429
00:22:00,400 --> 00:22:02,540
Og það er einmitt
hvað er að gerast hér.

430
00:22:02,540 --> 00:22:06,870
En taka það sem ég er að brottför
í sem rök að kortleggja.

431
00:22:06,870 --> 00:22:09,080
Þetta er nafnlaus aðgerð.

432
00:22:09,080 --> 00:22:11,140
Og eftir að ég hef ekki gefið
þessi aðgerð a nafn,

433
00:22:11,140 --> 00:22:13,290
Ég hef bara gefið það breytu lista.

434
00:22:13,290 --> 00:22:16,370
Og svo er þetta dæmi
á nafnlaus aðgerð.

435
00:22:16,370 --> 00:22:21,270
>> Við almennt myndi aldrei kalla þetta
virka utan tengslum við kortinu.

436
00:22:21,270 --> 00:22:24,110
Við erum að skilgreina það sem viðfang
að kortleggja, og svo við í raun ekki

437
00:22:24,110 --> 00:22:27,910
þarf að hafa nafn fyrir það ef
Það eina sem er ekki sama um er kort

438
00:22:27,910 --> 00:22:30,339
og það er skilgreint í lagi
það inni kortinu.

439
00:22:30,339 --> 00:22:31,880
Og svo er þetta nafnlaus aðgerð.

440
00:22:31,880 --> 00:22:34,680
Við höfum ekki getað
til að gera þetta áður.

441
00:22:34,680 --> 00:22:38,400
Kort sumir virka sem
tekur einn stika, num,

442
00:22:38,400 --> 00:22:41,890
og hvað það virka er
er aftur Num sinnum 2.

443
00:22:41,890 --> 00:22:45,330
Og svo eftir þetta
kortlagning hefur verið beitt,

444
00:22:45,330 --> 00:22:50,090
þetta er nú hvað nums útlit
eins, tveggja, fjögurra, sex, átta, 10.

445
00:22:50,090 --> 00:22:52,090
Og við munum skjóta yfir minn
glugga og bara

446
00:22:52,090 --> 00:22:55,240
taka a líta á þetta
mjög fljótt og vel.

447
00:22:55,240 --> 00:22:58,000
>> Þannig að ég hef annan hnapp hér
í heimasíðu mína kallað tvöfaldur.

448
00:22:58,000 --> 00:23:03,570
Og þegar ég smelli tvöfaldur, og það segir
mig áður en það var einn, tveir, þrír, fjórir,

449
00:23:03,570 --> 00:23:07,250
fimm eftir tveimur, fjórum, sex, átta, 10.

450
00:23:07,250 --> 00:23:11,930
Og ef ég fer aftur og smella tvöfaldur
aftur, tveir, fjórir, sex, átta, 10.

451
00:23:11,930 --> 00:23:17,400
Og þá eftir, fjórir,
átta, 12, 16, og síðan 20.

452
00:23:17,400 --> 00:23:20,440
Og hvað er ég að gera í þessa aðgerð?

453
00:23:20,440 --> 00:23:25,210
Jæja, ef við skjóta bara yfir IDE og
Ég draga upp nafnlaus virka minn, hér

454
00:23:25,210 --> 00:23:28,780
á línu sjö gegnum 13, ég er
gera svolítið fínt vinna hér,

455
00:23:28,780 --> 00:23:32,240
en ég ætla bara að prenta út
hvað er nú í array.

456
00:23:32,240 --> 00:23:36,580
Þá á línu 16, 17,
og 18, það er kort mitt.

457
00:23:36,580 --> 00:23:40,930
Þetta er þar sem ég er að beita þessari tvöföldun
aðgerð til að hvert einasta frumefni.

458
00:23:40,930 --> 00:23:43,530
Og þá aðeins lengra niður,
Ég ætla bara að gera það sama

459
00:23:43,530 --> 00:23:46,640
Ég var að gera áður, nema núna er ég
prentun út innihald fylkisins

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

461
00:23:48,167 --> 00:23:50,500
En allt sem ég hef gert hér er
bara nota nafnlaus virka

462
00:23:50,500 --> 00:23:53,640
að kortleggja yfir heilt fylki.

463
00:23:53,640 --> 00:23:58,466
>> Svo eitt stórt atriði að tala um í
JavaScript er hugmyndin um atburði.

464
00:23:58,466 --> 00:24:01,590
Atburður er eitthvað sem bara gerist
þegar notandi samskipti við þinn vefur

465
00:24:01,590 --> 00:24:04,715
síðu, svo kannski þeir smella eitthvað,
eða kannski síðu er lokið hleðsla,

466
00:24:04,715 --> 00:24:07,200
eða kannski þeir hafa flutt
músarbendlinum yfir einhverju,

467
00:24:07,200 --> 00:24:09,290
eða þeir hafa slegið eitthvað
í innsláttarreit.

468
00:24:09,290 --> 00:24:14,260
Allir þessir hlutir eru viðburðir
sem koma á vefsíðu okkar.

469
00:24:14,260 --> 00:24:17,460
Og JavaScript hefur
getu til að styðja eitthvað

470
00:24:17,460 --> 00:24:21,760
kallað atburður dýraþjálfari, sem
er svarhringingu virka sem

471
00:24:21,760 --> 00:24:23,329
bregst við HTML atburð.

472
00:24:23,329 --> 00:24:24,620
Og hvað er svarhringingu virka?

473
00:24:24,620 --> 00:24:27,328
Jæja, það er yfirleitt bara annað
nafn fyrir óþekktan virka.

474
00:24:27,328 --> 00:24:30,170
Það er fall sem
bregst við atburði.

475
00:24:30,170 --> 00:24:34,130
Og þetta er þar sem við koma til
Hugmyndin um bindandi ákveðnar aðgerðir

476
00:24:34,130 --> 00:24:38,060
við ákveðna HTML eiginleiki.

477
00:24:38,060 --> 00:24:41,420
Flest HTML þættir hafa
stuðningur eiginleiki

478
00:24:41,420 --> 00:24:45,170
að við ekki tala um í html
video fyrir eitthvað eins og á smell

479
00:24:45,170 --> 00:24:50,540
eða á sveima eða hleðslu,
allar þessar atburða

480
00:24:50,540 --> 00:24:53,120
sem þú getur þá skrifað aðgerðir
að takast á við þá atburði

481
00:24:53,120 --> 00:24:56,090
þegar þá atburði
eiga sér stað á vefsíðu þinni.

482
00:24:56,090 --> 00:24:59,170
>> Og svo kannski HTML þitt
lítur eitthvað eins og this.

483
00:24:59,170 --> 00:25:02,240
Og ég hef tvo hnappa hér,
hnappur einn og hnappur tveir,

484
00:25:02,240 --> 00:25:04,620
og hér er ég nú hafa
skilgreint ekkert,

485
00:25:04,620 --> 00:25:11,170
en þetta er þar sem eiginleiki á
smellur er greinilega hluti af HTML tag mínum.

486
00:25:11,170 --> 00:25:15,220
Svo virðist þegar ég skilgreina hvað er
fara á inni þess eiginleika,

487
00:25:15,220 --> 00:25:18,590
það er að fara að vera einhver JavaScript
virka sem svarar til the atburður

488
00:25:18,590 --> 00:25:24,360
væntanlega af því að smella á
hnappur einn eða hnappinn tvö.

489
00:25:24,360 --> 00:25:28,580
>> Hvað er góður af kaldur um þetta er að við
getur skrifað almenna atburði dýraþjálfari.

490
00:25:28,580 --> 00:25:32,370
Og þessi atburður Handler mun
búa til atburð hlut.

491
00:25:32,370 --> 00:25:37,000
Og the atburður mótmæla mun segja okkur
hvaða tvo hnappa var smellt.

492
00:25:37,000 --> 00:25:38,064
Nú hvernig virkar þessi vinna?

493
00:25:38,064 --> 00:25:39,730
Jæja, það gæti litið eitthvað svona.

494
00:25:39,730 --> 00:25:44,860
Þannig að við munum fyrst að skilgreina hnappa okkar
að hafa svar við svarhringingu

495
00:25:44,860 --> 00:25:47,470
virka sem verður kallað
þegar smellt er á,

496
00:25:47,470 --> 00:25:49,520
við munum kalla atburði viðvörun nafn.

497
00:25:49,520 --> 00:25:53,320
Og taka í báðum tilvikum sem við erum
liggur í þessum atburði breytu.

498
00:25:53,320 --> 00:25:55,460
Svo við köllum þessa aðgerð
eða þegar þessi aðgerð

499
00:25:55,460 --> 00:26:00,330
er af stað með the atburður gerast,
það er að fara að búa til þennan atburð hlut

500
00:26:00,330 --> 00:26:03,300
og gefa það sem
breytu til að láta nafn.

501
00:26:03,300 --> 00:26:07,270
Og sá atburður mótmæla er
að fara að geyma upplýsingar

502
00:26:07,270 --> 00:26:09,800
um hver hnappur sem smellt.

503
00:26:09,800 --> 00:26:11,580
Og hvernig er það að gera það?

504
00:26:11,580 --> 00:26:13,654
Jæja, það gæti litið eitthvað svona.

505
00:26:13,654 --> 00:26:15,570
Svo nú í aðskilið mín
JavaScript skrá, gæti ég

506
00:26:15,570 --> 00:26:17,420
þarft að finna þetta
virka viðvörun nafn, sem

507
00:26:17,420 --> 00:26:19,500
aftur tekur að atburður breytu.

508
00:26:19,500 --> 00:26:24,640
Og þá er hér þar sem ég er að finna
hver hnappur var kölluð,

509
00:26:24,640 --> 00:26:28,100
Var kveikja jafngildir atburð
punktur uppspretta þáttur.

510
00:26:28,100 --> 00:26:33,150
Hvað var fengið sem skapaði
þessi atburður hlut sem var samþykkt í?

511
00:26:33,150 --> 00:26:36,390
Var það hnappinn einn eða var það hnappinn tvö?

512
00:26:36,390 --> 00:26:40,710
>> Og þá er hér allt sem ég er að gera
prenta út trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
Vel, í þessu tilfelli, í þessu
samhengi, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
er bara það sem er skrifað á hnappinn.

515
00:26:45,940 --> 00:26:48,830
Það gerist bara svo að ef við hoppa
aftur fyrir annað, sem myndi

516
00:26:48,830 --> 00:26:51,670
vera það sem er á milli þessara hnappinn tags.

517
00:26:51,670 --> 00:26:54,150
Það mun vera hnappur einn eða hnappinn tvö.

518
00:26:54,150 --> 00:26:57,320
Og við skulum taka a líta á
hvernig þessi atburður dýraþjálfari myndi

519
00:26:57,320 --> 00:27:01,080
líta út ef við hefðum það í gangi í reynd.

520
00:27:01,080 --> 00:27:03,850
>> Svo fyrst af öllu, þú hefur
opnaði events.js,

521
00:27:03,850 --> 00:27:06,517
sem er JavaScript skrá þar
Ég hef skilgreint þessa aðgerð.

522
00:27:06,517 --> 00:27:08,558
Og eins og þú geta sjá, það er
ansi mikið nákvæmlega hvað

523
00:27:08,558 --> 00:27:10,230
við sáum bara á mynd í annað síðan.

524
00:27:10,230 --> 00:27:14,890
Og ég mun fara yfir til
heimasíða við höfum verið að nota.

525
00:27:14,890 --> 00:27:17,660
Og ég hef hér hnappinn
einn og hnappur tveir.

526
00:27:17,660 --> 00:27:19,820
Og ég ætla að smella á hnappinn einu.

527
00:27:19,820 --> 00:27:23,930
Þú smellir á hnappinn einu, ef þú
getur séð hérna í varðbergi.

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

529
00:27:25,810 --> 00:27:28,980
Smelltu á hnappinn tvö, þér
smellt á hnappinn tvö.

530
00:27:28,980 --> 00:27:32,150
>> Svo bæði hnappar hafa
Sama virka símtalinu, ekki satt?

531
00:27:32,150 --> 00:27:35,840
Bæði voru þau vakandi nafn
atburður, en þessi atburður hlut

532
00:27:35,840 --> 00:27:41,900
sem fær til þegar við smellur á
það segir okkur hvaða hnappur sem smellt.

533
00:27:41,900 --> 00:27:44,650
Við vildum ekki að skrifa tvö aðskilin
virka eða takast á við að hafa

534
00:27:44,650 --> 00:27:46,470
að fara frekari upplýsingar.

535
00:27:46,470 --> 00:27:48,220
Við erum bara að treysta á
hvað JavaScript verður

536
00:27:48,220 --> 00:27:53,772
gert fyrir okkur, sem er að búa til þessi
konar atburður hlut í okkar þágu.

537
00:27:53,772 --> 00:27:56,730
There 'a einhver fjöldi fleiri til JavaScript en
það sem við höfum fjallað í þessu myndbandi,

538
00:27:56,730 --> 00:27:58,521
en hafa þessir
grundvallaratriði ættir að fá þér

539
00:27:58,521 --> 00:28:00,690
alveg langar leiðir að
læra allt sem þú munt

540
00:28:00,690 --> 00:28:04,030
þarft að vita um þetta
áhugavert tungumál.

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

542
00:28:05,000 --> 00:28:07,010
Þetta er CS50.

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