1
00:00:00,000 --> 00:00:03,840
>> [Mūzikas atskaņošanai]

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

3
00:00:05,770 --> 00:00:08,690
>> Doug LLOYD: Tātad, tagad mēs esam veci
plusi pie web programmēšana, vai ne?

4
00:00:08,690 --> 00:00:12,140
Un mēs esam uz vairākiem
valodas atsevišķiem video.

5
00:00:12,140 --> 00:00:14,690
Un tagad pieņemsim darīt vairāk par vienu, JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> Pirmā labā ziņa, JavaScript
ir moderna programmēšana

7
00:00:17,370 --> 00:00:21,410
valoda daudz, piemēram, PHP, kuras
sintakse ir atvasināts no C,

8
00:00:21,410 --> 00:00:22,830
tā ka ir laba vieta, kur sākt.

9
00:00:22,830 --> 00:00:25,880
Tas ir apmēram tikpat veca kā PHP, kā arī,
kam ir apmēram apmēram 20 gadus.

10
00:00:25,880 --> 00:00:28,600
Tas tika izgudrots ap
tajā pašā laikā kā PHP.

11
00:00:28,600 --> 00:00:32,240
Un JavaScript ir faktiski diezgan
būtiski, lai lietotāja pieredzi

12
00:00:32,240 --> 00:00:32,740
no interneta.

13
00:00:32,740 --> 00:00:34,448
Patiesībā, tur ir
trīs valodas, ka es

14
00:00:34,448 --> 00:00:38,480
teiktu veida veido
lietotāju pieredzi mijiedarbojoties

15
00:00:38,480 --> 00:00:42,650
ar tīmekļa vietni, html,
CSS un JavaScript.

16
00:00:42,650 --> 00:00:46,030
Un tāpēc tagad parunāsim
Mazliet par JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> Sliktās ziņas, lai gan, ar JavaScript ir
ka tas nosaka daudz noteikumu par sevi,

18
00:00:50,301 --> 00:00:51,300
un tad tas saplīst tos.

19
00:00:51,300 --> 00:00:54,010
Un JavaScript patiesībā var būt
veida izaicinājums, lai uzzinātu,

20
00:00:54,010 --> 00:00:57,000
jo tas ir pretēji C un
PHP, kas ir ļoti strukturēts

21
00:00:57,000 --> 00:01:00,270
un ir ļoti strikti noteikumi
par to, kā lietas var strādāt.

22
00:01:00,270 --> 00:01:03,690
JavaScript ir kind
no gotten tik elastīgas

23
00:01:03,690 --> 00:01:06,650
ka varbūt lietas nav gatavojas
strādāt tā, kā mēs sagaidām viņus,

24
00:01:06,650 --> 00:01:09,830
un varbūt mēs tiešām nevar iemācīties
mūsu pirmā programmēšanas valoda

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

26
00:01:10,769 --> 00:01:12,810
Tātad, varbūt tāpēc, ka tas nav
noteikt pati kādi noteikumi,

27
00:01:12,810 --> 00:01:15,754
un tas nav īsti
īstenot labas kodēšanas paradumiem.

28
00:01:15,754 --> 00:01:18,170
Bet tagad mēs esam izstrādājuši cerams
dažas labas kodēšanas paradumiem,

29
00:01:18,170 --> 00:01:21,470
un lai mēs varētu sākt iebrukt
uz JavaScript mazliet.

30
00:01:21,470 --> 00:01:25,750
>> Lai rakstītu JavaScript, līdzīgi kā atvēršanu
up C failu ar punktu C pagarināšanu

31
00:01:25,750 --> 00:01:29,770
vai PHP failu ar dot PHP paplašinājumu,
viss, kas mums jādara, ir atvērt failu

32
00:01:29,770 --> 00:01:31,764
ar DOT js faila paplašinājums.

33
00:01:31,764 --> 00:01:34,430
Mums nav nepieciešams, lai būtu kāda īpaša
atdalītājus kā mēs to darījām PHP.

34
00:01:34,430 --> 00:01:36,750
Ka veida leņķa
kronšteins jautājuma zīme PHP

35
00:01:36,750 --> 00:01:40,300
ka mēs esam pieraduši no tā, starp citu
mēs pateikt mūsu pārlūku ka tas, kas mums ir, ir

36
00:01:40,300 --> 00:01:43,502
JavaScript ir iekļaujot
tas HTML tagu,

37
00:01:43,502 --> 00:01:46,210
un mēs redzēsim mazliet par
kā to darīt, tikai brīdi.

38
00:01:46,210 --> 00:01:48,210
>> Otra lieta, kas padara
JavaScript atšķirīgs,

39
00:01:48,210 --> 00:01:50,580
lai gan, ir tas, ka tā darbojas klienta pusē.

40
00:01:50,580 --> 00:01:53,430
Tātad atgādināt ar PHP, ka
mēs varētu nekad redzēt

41
00:01:53,430 --> 00:01:57,041
PHP, kas uzsvēra mājas lapā.

42
00:01:57,041 --> 00:01:59,040
Ja mēs kādreiz uztverta
page source, mēs būtu tikai

43
00:01:59,040 --> 00:02:02,830
redzēt html, kas bija
ko rada šī PHP.

44
00:02:02,830 --> 00:02:04,900
Bet JavaScript darbojas klienta pusē.

45
00:02:04,900 --> 00:02:06,710
JavaScript darbojas jūsu datorā.

46
00:02:06,710 --> 00:02:09,050
Un tas ir iemesls, kāpēc jūs varat darīt
Lietas, piemēram, pievienot bloķēšanu.

47
00:02:09,050 --> 00:02:09,550
Tiesības?

48
00:02:09,550 --> 00:02:12,704
Reklāmas bloķēšana parasti tiek veikta ar
nogalināt visu JavaScript

49
00:02:12,704 --> 00:02:14,370
kas darbojas uz īpašu tīmekļa vietni.

50
00:02:14,370 --> 00:02:19,000
Un tāpēc, ka tas būtu
palaist uz jūsu mašīna klienta pusē,

51
00:02:19,000 --> 00:02:21,910
Jūs varat vienkārši pārtraukt
JavaScript braukšanai pilnībā.

52
00:02:21,910 --> 00:02:27,030
Tas arī nozīmē, ka tad, kad jūs izmantojat
mājas lapu, kas ietver JavaScript,

53
00:02:27,030 --> 00:02:32,450
Jums ir jānosūta JavaScript avots
kodu, kā daļu no jūsu HTTP atbildi

54
00:02:32,450 --> 00:02:34,159
klientam, ja tie to pieprasa.

55
00:02:34,159 --> 00:02:35,950
Un lai jūs varētu nav
vēlaties izmantot JavaScript

56
00:02:35,950 --> 00:02:38,395
darīt tiešām jutīgas lietas
patīk iet informāciju

57
00:02:38,395 --> 00:02:41,020
Par lietotāju paroles atpakaļ un
tālāk, jo viņi patiešām

58
00:02:41,020 --> 00:02:45,610
notiek, lai saņemtu visu no avota kodu,
ne tikai html, ka ir radīts,

59
00:02:45,610 --> 00:02:49,030
piemēram, būtu gadījumā ar teiksim PHP.

60
00:02:49,030 --> 00:02:51,620
>> Tātad, kā mēs arī JavaScript
mūsu html sākt ar?

61
00:02:51,620 --> 00:02:54,520
Nu, līdzīgi kā CSS, faktiski,
ir sava veida, kā mēs to darām šeit.

62
00:02:54,520 --> 00:02:56,190
Ar CSS mums ir stila tagus.

63
00:02:56,190 --> 00:03:00,760
Un iekšā no šiem stila tagiem,
mēs varam definēt CSS stila lapas.

64
00:03:00,760 --> 00:03:03,450
Līdzīgi ar JavaScript
mēs varam atvērt script tagus,

65
00:03:03,450 --> 00:03:06,660
cits html tag mēs neesam
runāt par mūsu html video,

66
00:03:06,660 --> 00:03:09,720
un rakstīt JavaScript
starp šiem skriptu tagiem.

67
00:03:09,720 --> 00:03:13,960
Tāpat, lai gan, piemēram, CSS, mēs
varētu saistīt ar ārpus CSS failus

68
00:03:13,960 --> 00:03:15,900
un velciet tos mūsu programmu, ka veidā.

69
00:03:15,900 --> 00:03:18,280
Ar CSS mēs varam arī,
atvainojiet, ar JavaScript

70
00:03:18,280 --> 00:03:23,240
mēs varam arī norādīt avotu
atribūts skriptu tag

71
00:03:23,240 --> 00:03:25,720
saistīt JavaScript
atsevišķi, tāpēc jums nav

72
00:03:25,720 --> 00:03:27,680
ir rakstīt to
starp skriptu tagiem, mēs

73
00:03:27,680 --> 00:03:29,600
var saistīt to izmantošanā
ka skripts tag kā arī.

74
00:03:29,600 --> 00:03:33,230
Un tāpat kā ar šo lietu ar CSS kur
mēs ieteica, ka tas bija iespējams,

75
00:03:33,230 --> 00:03:36,090
Jūsu interesēs, lai rakstītu
Jūsu CSS atsevišķā failā gadījumā

76
00:03:36,090 --> 00:03:38,500
Jums ir nepieciešams, lai mainītu to,
tāpat mēs iesakām

77
00:03:38,500 --> 00:03:40,720
ka jūs rakstāt savu
JavaScript atsevišķos failos

78
00:03:40,720 --> 00:03:45,460
un izmantot skriptu tags avots
piedēvēt tie JavaScript

79
00:03:45,460 --> 00:03:49,520
savā html, jūsu mājas lapā.

80
00:03:49,520 --> 00:03:52,610
>> Tātad JavaScript mainīgie, mēs
sākt runāt par sintaksi šeit.

81
00:03:52,610 --> 00:03:53,600
Un mēs iet cauri
šāda veida ātri,

82
00:03:53,600 --> 00:03:56,640
jo mēs esam darījuši PHP, tāpēc
tas viss ir diezgan pazīstams.

83
00:03:56,640 --> 00:03:59,490
Tātad mainīgie JavaScript ir
ļoti līdzīgs PHP mainīgie.

84
00:03:59,490 --> 00:04:03,270
Nav veids apzīmētājs, un
kad jūs iepazīstināt mainīgo,

85
00:04:03,270 --> 00:04:05,070
Jūs prefiksu ar VAR atslēgvārdu.

86
00:04:05,070 --> 00:04:07,750
PHP mēs varētu darīt kaut ko
piemēram, tas, dolāra zīme x.

87
00:04:07,750 --> 00:04:09,950
Tas, kā mēs norādīts
mainīgs, bet ne, mēs

88
00:04:09,950 --> 00:04:12,060
nemin tipu
mainīgā vispār.

89
00:04:12,060 --> 00:04:15,124
Mēs teiktu kaut ko līdzīgu
Dolāra zīme x vienāds 44 PHP.

90
00:04:15,124 --> 00:04:17,040
Ja mēs darām
pats JavaScript,

91
00:04:17,040 --> 00:04:19,589
mēs teiktu VAR x ir vienāds ar 44.

92
00:04:19,589 --> 00:04:22,780
Tātad VAR ir sava veida mūsu veids
ieviest mainīgo.

93
00:04:22,780 --> 00:04:26,850
Tas ir varbūt nedaudz vairāk intuitīvu
nekā tikai dolāra zīmi mainīgo.

94
00:04:26,850 --> 00:04:29,080
>> Atkal, jo tur nav
datu tipi, mēs varētu to izdarīt

95
00:04:29,080 --> 00:04:34,490
ar jebkāda datu tipu, stīgas,
kaut kas cits viss būtu var.

96
00:04:34,490 --> 00:04:37,260
Conditionals, visi mūsu
vecie draugi no C un PHP

97
00:04:37,260 --> 00:04:41,640
vēl ir pieejami, tāpēc mums ir, ja,
cits, ja cits, slēdzis un jautājums

98
00:04:41,640 --> 00:04:42,240
zīme kolu.

99
00:04:42,240 --> 00:04:45,890
Switch paliekot tik elastīga kā to
bija PHP, bet visi no tiem jūs esat

100
00:04:45,890 --> 00:04:46,930
iepazinušies ar ko tagad.

101
00:04:46,930 --> 00:04:49,900
Un līdzīgi ar cilpas ir
vecās favorites par brīdi,

102
00:04:49,900 --> 00:04:52,700
darīt, kamēr, un joprojām ir pieejams pie mums.

103
00:04:52,700 --> 00:04:55,880
Tāpēc jau mēs zinām daudz no
Pamata JavaScript veida pamatiem

104
00:04:55,880 --> 00:05:01,800
tikai tāpēc, ka viņš diezgan daudz
Zināšanu tagad par C un PHP.

105
00:05:01,800 --> 00:05:03,670
>> Kas par funkcijām JavaScript?

106
00:05:03,670 --> 00:05:08,199
Nu, līdzīgi PHP katru funkcija ir
iepazīstināja ar funkciju atslēgvārdu.

107
00:05:08,199 --> 00:05:10,740
Jūs sakāt, funkciju, un tad jūs
sāk definētu savu funkciju.

108
00:05:10,740 --> 00:05:12,531
Kas ir nedaudz atšķirīgs
par JavaScript,

109
00:05:12,531 --> 00:05:15,700
tomēr ir spēja būt
ko sauc anonīms funkcija.

110
00:05:15,700 --> 00:05:18,880
Tātad jūs varat definēt funkcijas
ka nav vārdu.

111
00:05:18,880 --> 00:05:21,222
Tas ir kaut kas, mēs
tiešām neesmu redzējis.

112
00:05:21,222 --> 00:05:23,430
Mēs tiešām izmantot jēdzienu
no anonīma funkcijas

113
00:05:23,430 --> 00:05:27,880
nedaudz vēlāk šajā
video, jo tas būs

114
00:05:27,880 --> 00:05:31,530
padarīt mazliet lielāka jēga kontekstā
kad mēs redzam to konkrētajā situācijā

115
00:05:31,530 --> 00:05:33,120
ka es esmu izstrādāts šeit.

116
00:05:33,120 --> 00:05:35,710
Bet pieņemsim tikai to apskatīt
par kādu vienkāršu JavaScript

117
00:05:35,710 --> 00:05:37,850
funkcija varētu izskatīties.

118
00:05:37,850 --> 00:05:40,610
>> Tāpēc es esmu gājusi uz priekšu un
atvēra manu CS50 IDE

119
00:05:40,610 --> 00:05:43,690
un es esmu jau palaist Apache
sākt savu servera darbību.

120
00:05:43,690 --> 00:05:46,800
Un man ir šo failu
atvērt sauc home.html.

121
00:05:46,800 --> 00:05:48,330
Un es tuvinātu mazliet šeit.

122
00:05:48,330 --> 00:05:52,090
Un būtībā, jūs varat redzēt
Home.html ir tikai ķekars pogām.

123
00:05:52,090 --> 00:05:55,291
Un es esmu apgalvojot augšpusē šeit
ka šis ir JavaScript sadaļa

124
00:05:55,291 --> 00:05:55,790
materiāli.

125
00:05:55,790 --> 00:05:59,490
Tātad tur ir ķekars pogas šeit,
bet ko šīs pogas faktiski darīt?

126
00:05:59,490 --> 00:06:03,662
>> Nu, mēs dodies uz manu IED
un man ir home.html atvērt šeit.

127
00:06:03,662 --> 00:06:05,620
Pašā sākumā,
lūk, kur es esmu, kas savieno

128
00:06:05,620 --> 00:06:07,500
visu manu JavaScript avota failus.

129
00:06:07,500 --> 00:06:08,000
Tiesības?

130
00:06:08,000 --> 00:06:12,440
Tāpēc man ir anonymous.js, clock.js,
Es esmu, izmantojot avota atribūtu

131
00:06:12,440 --> 00:06:14,440
no skriptu tag saistīt failā.

132
00:06:14,440 --> 00:06:18,660
Tāpēc es neesmu uzrakstījis kāds
JavaScript tieši šo failu,

133
00:06:18,660 --> 00:06:21,790
bet es esmu velk visu
JavaScript Esmu rakstisku atsevišķi.

134
00:06:21,790 --> 00:06:24,540
Un, ja mēs ritiniet uz leju šeit, tas
būtu visi izskatās nedaudz pazīstami

135
00:06:24,540 --> 00:06:27,090
ar mazliet jaunu sintaksi.

136
00:06:27,090 --> 00:06:32,655
Mums šeit header tag
funkcijas un pēc tam pogu.

137
00:06:32,655 --> 00:06:35,530
Man ir ievadi, kas ir poga tips,
un acīmredzot, kad es noklikšķiniet uz tā,

138
00:06:35,530 --> 00:06:38,130
Es esmu gatavojas aicināt kādu
darboties trauksmes datumu.

139
00:06:38,130 --> 00:06:41,792
Un tas ir tas, kā mēs varam veida jaukt
mazliet JavaScript un HTML.

140
00:06:41,792 --> 00:06:44,500
Viņi faktiski spēlē diezgan labi
kopā, un tā acīmredzot kad

141
00:06:44,500 --> 00:06:48,730
Es noklikšķiniet uz šīs pogas, es eju
aicināt kādu funkciju trauksmes datumu.

142
00:06:48,730 --> 00:06:53,660
Un tāpat ir es noteikti uzvedību
visiem pārējiem pogas, kas

143
00:06:53,660 --> 00:06:56,440
ir šajā home.html lapā,
ko mēs glabāt atgriežoties

144
00:06:56,440 --> 00:06:59,172
līdz gaitā šo video laikā.

145
00:06:59,172 --> 00:07:00,880
Bet iesim atpakaļ uz augšu
šeit un to apskatīt

146
00:07:00,880 --> 00:07:03,850
pie clock.js, kas ir
JavaScript failu, kas man

147
00:07:03,850 --> 00:07:07,370
rakstīja, ka ir šī pirmā funkcija
mēs spēsim to apskatīt.

148
00:07:07,370 --> 00:07:11,630
Kā jūs varat redzēt, es sāku manu JavaScript
darbotos ar atslēgvārdu funkciju,

149
00:07:11,630 --> 00:07:14,560
un es esmu devis šo vienu
nosaukums, tā sauc trauksmes datums.

150
00:07:14,560 --> 00:07:18,710
Iekšpusē tur, es acīmredzot izveidot
Jaunais vietējās mainīgais sauc pašreizējo datumu.

151
00:07:18,710 --> 00:07:21,500
Un es esmu gatavojas piešķirt
vienāds ar jaunu datumu.

152
00:07:21,500 --> 00:07:24,430
Un mēs varētu nokļūt daudz
detalizēti par to, kāds datums ir,

153
00:07:24,430 --> 00:07:27,060
un tiešām JavaScript ir tik
liels, ka mēs nevaram iespējams

154
00:07:27,060 --> 00:07:28,330
aptvert visu vienā video.

155
00:07:28,330 --> 00:07:32,220
Bet pietiek pateikt, tas notiek
atgriezties pie manis datu postenis,

156
00:07:32,220 --> 00:07:35,470
iekapsulē pašreizējo datumu un laiku.

157
00:07:35,470 --> 00:07:39,100
Es esmu uzglabājot, ka mainīgo, ka es esmu
acīmredzot gatavojas brīdināt pašreizējo datumu.

158
00:07:39,100 --> 00:07:41,300
>> Nu, ko dara brīdinājumu
pašreizējais datums izskatīsies?

159
00:07:41,300 --> 00:07:46,460
Pieņemsim to apskatīt failu pati
atpakaļ pār pārlūka logā.

160
00:07:46,460 --> 00:07:49,551
Tātad vēlreiz, tas ir poga, ka es
ir saistīta ar, šo nosaukts funkciju.

161
00:07:49,551 --> 00:07:51,800
Un es noklikšķiniet uz to tur un
meklēt to, ko tā darīja, tas brīdināti.

162
00:07:51,800 --> 00:07:56,140
Tas popped up šāda veida kastes stāsta
man, ka pašreizējais laiks ir, acīmredzot

163
00:07:56,140 --> 00:07:59,370
tas ir 4. novembrim
10:43:43 no rīta.

164
00:07:59,370 --> 00:08:02,345
Un, ja es noklikšķiniet uz to vēlreiz, tagad
tas dažas sekundes vēlāk, labi?

165
00:08:02,345 --> 00:08:03,720
Tā, ka viss šī funkcija dara.

166
00:08:03,720 --> 00:08:07,670
Kad es noklikšķiniet uz šīs pogas, to
NOP up brīdinājuma ziņojumu uz mani.

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

168
00:08:13,806 --> 00:08:15,690
Tātad tur tiešām nav
pārāk daudz funkciju

169
00:08:15,690 --> 00:08:19,110
kas ir atšķirīgs no PHP,
tikai mazliet jaunā sintakse

170
00:08:19,110 --> 00:08:22,500
kas nāk ar darbu ar JavaScript.

171
00:08:22,500 --> 00:08:24,650
>> Masīvi JavaScript ir
diezgan vienkārši.

172
00:08:24,650 --> 00:08:27,200
Atzīt masīvu, jūs izmantojat
kvadrātiekavās sintakse

173
00:08:27,200 --> 00:08:30,090
ka mēs esam iepazinušies ar no PHP.

174
00:08:30,090 --> 00:08:33,432
Un līdzīgi PHP, mēs
var arī sajaukt datu tipu.

175
00:08:33,432 --> 00:08:35,140
Tātad šis masīvs, gan
Šo bloki būtu

176
00:08:35,140 --> 00:08:36,960
būt pilnīgi likumīga JavaScript.

177
00:08:36,960 --> 00:08:42,500
Viens, kas ir visus veselos skaitļus, un viens, kas
tiek sajaukti dažādi datu veidi.

178
00:08:42,500 --> 00:08:45,020
>> Kas ir kaut kas ļoti atšķirīgs
JavaScript, lai gan?

179
00:08:45,020 --> 00:08:47,020
Tas ir jēdziens objektu.

180
00:08:47,020 --> 00:08:50,240
Tātad varbūt jūs esat dzirdējuši par
objektorientētā programmēšana.

181
00:08:50,240 --> 00:08:53,370
Mums nav darīt daudz to CS50,
bet mēs darīsim mazliet no tā

182
00:08:53,370 --> 00:08:55,670
šeit kontekstā JavaScript.

183
00:08:55,670 --> 00:08:59,100
Tagad JavaScript ir spēja
uzvesties kā objektorientētā programmēšana

184
00:08:59,100 --> 00:09:02,615
valoda, bet tas nav pats par sevi
tikai objektorientētā

185
00:09:02,615 --> 00:09:03,490
programmēšanas valoda.

186
00:09:03,490 --> 00:09:05,281
Un tas atkal nāk
atpakaļ uz to, kāpēc es teicu, tas

187
00:09:05,281 --> 00:09:10,610
var būt ļoti grūti, lai uzzinātu
JavaScript kā savu pirmo programmēšana

188
00:09:10,610 --> 00:09:13,890
valoda, jo tas nav
īsti piemērots konkrētu paradigmu.

189
00:09:13,890 --> 00:09:16,430
>> C, no otras puses, ir
funkcionālā programmēšanas valoda.

190
00:09:16,430 --> 00:09:22,270
Ja mēs gribam, funkcijas ir
kārtot liels boss cilvēks, vai ne?

191
00:09:22,270 --> 00:09:24,410
Viņi diktēt, ko
notiek viss pārējais.

192
00:09:24,410 --> 00:09:26,600
Mēs vēlamies, lai mainītu mainīgos,
mēs saucam funkcijas.

193
00:09:26,600 --> 00:09:28,220
Mēs darām lietas funkcijām.

194
00:09:28,220 --> 00:09:31,250
Objekti vietā, izturēties
objektorientētā valoda,

195
00:09:31,250 --> 00:09:35,937
objekti veida kļūt zvaigzne un
funkcijas kļūt veida sekundārs.

196
00:09:35,937 --> 00:09:38,270
Bet to, kas ir objekts, ko
ir šis jēdziens objektu?

197
00:09:38,270 --> 00:09:40,880
Nu, ja tas palīdz, domāju,
par to pirmajā veida

198
00:09:40,880 --> 00:09:44,540
no kā C struktūru vai struct
ka mēs esam iemācījušies par agrāk.

199
00:09:44,540 --> 00:09:47,430
In C, struktūra satur
vairāki no laukiem,

200
00:09:47,430 --> 00:09:51,174
un varbūt mēs tagad varētu sākt
aicinu šos laukus īpašības.

201
00:09:51,174 --> 00:09:53,590
Bet īpašības nekad īsti
stāvēt par to pašu, vai ne?

202
00:09:53,590 --> 00:09:56,410
Ja es definētu struktūru automašīnai
kā šis ar šādiem diviem

203
00:09:56,410 --> 00:10:00,750
lauki vai īpašības, viens AN
skaitlim par gada auto

204
00:10:00,750 --> 00:10:04,290
un vēl 10 raksturs
string modelim automašīnas,

205
00:10:04,290 --> 00:10:07,150
Es varu teikt, kaut kas līdzīgs šim,
Es varu atzīt jaunu mainīgo

206
00:10:07,150 --> 00:10:10,080
tipa struct automašīnas Herbiju.

207
00:10:10,080 --> 00:10:13,730
Un tad es varu pateikt kaut ko
tāpat herbie.year vienāds 1963,

208
00:10:13,730 --> 00:10:15,850
un herbie.model vienāds Beetle.

209
00:10:15,850 --> 00:10:17,000
Tas ir labi.

210
00:10:17,000 --> 00:10:19,680
Es esmu, izmantojot laukus
konteksts struktūras,

211
00:10:19,680 --> 00:10:22,290
bet es varētu nekad tikko
saka kaut kas līdzīgs šim.

212
00:10:22,290 --> 00:10:22,790
Tiesības?

213
00:10:22,790 --> 00:10:26,836
Es nevaru izmantot lauka nosaukums
neatkarīgs no struktūras.

214
00:10:26,836 --> 00:10:28,210
Tas ir sava veida fundamentālu lieta.

215
00:10:28,210 --> 00:10:32,990
>> Tātad lauki ir
būtiska C struktūrām

216
00:10:32,990 --> 00:10:39,050
ir ļoti līdzīgi īpašības ir
būtiska JavaScript objektiem.

217
00:10:39,050 --> 00:10:42,080
Bet kas padara tos
Īpaši interesanti

218
00:10:42,080 --> 00:10:46,230
ir tas, ka objekti var būt arī kāda
sauc metodes, kas ir patiešām

219
00:10:46,230 --> 00:10:50,730
tikai iedomātā vārds funkcijām,
ir raksturīgas objektā, kā arī.

220
00:10:50,730 --> 00:10:55,340
Tātad, tas ir funkcija, kas var būt tikai
aicināja kontekstā objektu.

221
00:10:55,340 --> 00:10:59,200
Tikai objekts, kas ir definēts
Šī funkcija iekšpusē ITS,

222
00:10:59,200 --> 00:11:02,020
ja jūs domājat par
struct, funkcija

223
00:11:02,020 --> 00:11:05,720
definē iekšpusē tiem definējot
cirtaini bikšturi uzbūves.

224
00:11:05,720 --> 00:11:07,980
Tātad, tas tikai nozīmē kaut ko
uz struktūru.

225
00:11:07,980 --> 00:11:10,960
Un tas ir sava veida, ko mēs darām
šeit ar objektiem un metodēm.

226
00:11:10,960 --> 00:11:13,580
Tas ir būtībā tāpat mēs esam
definēt funkciju,

227
00:11:13,580 --> 00:11:16,670
ir jēga tikai tad uz
īpaši objekts, un tāpēc mēs

228
00:11:16,670 --> 00:11:19,440
piezvanīt ka ​​paņēmienā objekta.

229
00:11:19,440 --> 00:11:23,180
Un mēs nekad nevar zvanīt, ka
funkcija neatkarīgs no objekta,

230
00:11:23,180 --> 00:11:29,260
tāpat kā mēs nevaram teikt, gadu vai modelis
neatkarīgi no struct C

231
00:11:29,260 --> 00:11:32,300
>> Tātad funkcionālā programmēšana
paradigmas izskatīties kaut kas līdzīgs šim.

232
00:11:32,300 --> 00:11:35,450
Funkcija un tad, kad jūs iet
objektā kā parametru.

233
00:11:35,450 --> 00:11:38,650
In objektorientētā programmēšana
valodas, šāda veida izpaužas

234
00:11:38,650 --> 00:11:43,464
Pagriezts, un mēs varētu domāt par
tā kā šis, object.function.

235
00:11:43,464 --> 00:11:45,380
Tātad tā veida, ka dot
operators vēlreiz norādot

236
00:11:45,380 --> 00:11:49,540
ka tas ir daži no īpašuma veida
vai atribūts pašu objektu.

237
00:11:49,540 --> 00:11:53,240
Bet tas ir tas, ko objekts
programmēšanas valoda

238
00:11:53,240 --> 00:11:57,150
varētu darīt, lai funkciju
aicināt metodi, atkal, kas

239
00:11:57,150 --> 00:12:00,260
ir tikai īpašs vārds funkciju
kas ir raksturīga objektu.

240
00:12:00,260 --> 00:12:03,440
Tas ir tas, ka
sintakse varētu izskatīties.

241
00:12:03,440 --> 00:12:09,360
Un tā mēs sāksim redzēt dažus no
šī kontekstā JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Jūs varat arī domāt par objektu
kārtot līdzīgu asociatīvā masīva,

243
00:12:12,470 --> 00:12:14,160
kas mēs esam iepazinušies ar no PHP.

244
00:12:14,160 --> 00:12:17,720
Atceros asociatīvā masīva ļauj
mums ir atslēgas vērtību pārus, nevis

245
00:12:17,720 --> 00:12:23,040
, kam indeksu 0, viens, divi, trīs,
un tā tālāk, piemēram, mēs ko izmanto, lai no C

246
00:12:23,040 --> 00:12:23,940
masīvi.

247
00:12:23,940 --> 00:12:27,472
Asociatīvas bloki var karti
vārdi, piemēram, PHP video,

248
00:12:27,472 --> 00:12:29,180
mēs runājām par
virskārtas par picas.

249
00:12:29,180 --> 00:12:31,180
Un tāpēc mums bija masīvs
sauc par picas, un mēs

250
00:12:31,180 --> 00:12:36,670
bija siers bija galvenais un $ 8,99 bija
vērtību, un tad peperoni bija galvenais,

251
00:12:36,670 --> 00:12:39,190
$ 9,99 ir vērtība, un tā tālāk.

252
00:12:39,190 --> 00:12:43,300
Un tā mēs varam arī domāt par
iebilst veida līdzīgs asociatīvās

253
00:12:43,300 --> 00:12:43,840
masīvs.

254
00:12:43,840 --> 00:12:47,020
Un tā tas sintakse šeit
radītu jaunu objektu

255
00:12:47,020 --> 00:12:50,950
sauc Herbie ar divām
īpašības iekšpusē no tā.

256
00:12:50,950 --> 00:12:57,310
Gads, kas tiek piešķirts vērtību 1963,
un modelis, kas tiek piešķirts string

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

258
00:12:58,140 --> 00:13:01,770
>> Un paziņojums, ka es esmu, izmantojot
vienu pēdiņām JavaScript.

259
00:13:01,770 --> 00:13:05,570
Jūs varat izmantot vienu vai dubultās pēdiņas
ja jūs runājat par stīgām.

260
00:13:05,570 --> 00:13:07,772
Tas ir tikai konvencionāli
lieta, ka lielākā daļa reizes

261
00:13:07,772 --> 00:13:10,230
kad jūs esat rakstiski JavaScript,
jūs vienkārši izmantot vienu pēdiņām.

262
00:13:10,230 --> 00:13:15,050
Bet es varētu izmantot dubultās pēdiņas šeit, un
tas būtu pilnīgi naudas sodu, kā arī.

263
00:13:15,050 --> 00:13:17,470
>> Tik atceries, kā in
PHP mums bija šo jēdzienu

264
00:13:17,470 --> 00:13:22,730
kādas katram cilpa, kas ļautu mums
atkārtot pa visu galveno vērtību

265
00:13:22,730 --> 00:13:25,270
pārus asociatīvā
masīvs, jo mēs

266
00:13:25,270 --> 00:13:29,050
nebija šī spēja atkārtot
ar 0, viens, divi, trīs, četri,

267
00:13:29,050 --> 00:13:30,710
un tā tālāk?

268
00:13:30,710 --> 00:13:35,010
JavaScript ir kaut kas ļoti līdzīgs,
bet tas nav sauc par katru cilpu,

269
00:13:35,010 --> 00:13:38,960
tā sauc par cilpām.

270
00:13:38,960 --> 00:13:42,890
Tātad, ja es teicu, man patīk
Tas, VAR atslēgu objektā,

271
00:13:42,890 --> 00:13:48,670
tas ir sava veida līdzīgs sakot
katram kaut kā kaut ko.

272
00:13:48,670 --> 00:13:53,850
Bet viss, ko es daru šeit atkārtojot
cauri visām atslēgām mana objekta.

273
00:13:53,850 --> 00:13:56,070
Un iekšpusē cirtaini
breketes tur, es

274
00:13:56,070 --> 00:14:03,410
izmantot objekta kvadrātiekavas taustiņu, lai atsauktos
ar vērtību minētajā atslēgas atrašanās vietu.

275
00:14:03,410 --> 00:14:05,400
>> Alternatīvi, tur ir
pat cita pieeja.

276
00:14:05,400 --> 00:14:10,880
Ja es tikko tikai rūp
vērtībām, es varu teikt par atslēgu uz objektu,

277
00:14:10,880 --> 00:14:12,360
un tikai izmantot taustiņu iekšpusē.

278
00:14:12,360 --> 00:14:17,240
Tātad VAR atslēgu objektu, man ir
izmantot objektu kvadrātiekavas

279
00:14:17,240 --> 00:14:19,340
Galvenais iekšpusē cilpa.

280
00:14:19,340 --> 00:14:24,580
Par VAR atslēgu objektu, es varu
tikai izmantot taustiņu iekšpusē cilpas,

281
00:14:24,580 --> 00:14:29,040
jo es esmu tikai speciāli
runājam par vērtībām, kas tur.

282
00:14:29,040 --> 00:14:32,630
>> Tātad pieņemsim, varbūt paiet
apskatīt starpību

283
00:14:32,630 --> 00:14:35,670
tikai, lai ātri parādītu jums
starpība starp četriem

284
00:14:35,670 --> 00:14:40,730
un lai kopā ar ļoti specifisku
masīvs, kas mums ir šeit, nedēļa masīvs.

285
00:14:40,730 --> 00:14:43,616
Tāpēc man ir, lai atrastu jaunu masīvs
ka es piepildīta ar septiņām stīgām,

286
00:14:43,616 --> 00:14:46,240
Pirmdiena, Otrdiena, Trešdiena,
Ceturtdienās, piektdienās, sestdienās, svētdienās.

287
00:14:46,240 --> 00:14:50,530
Un es gribu tagad atkārtot
caur šo masīvu,

288
00:14:50,530 --> 00:14:53,090
izdrukāšana noteiktu informāciju.

289
00:14:53,090 --> 00:14:58,780
Ja es izmantot, lai cilpa
izdrukāt informāciju,

290
00:14:58,780 --> 00:15:00,710
Ko jūs domājat, ka es esmu gatavojas saņemt?

291
00:15:00,710 --> 00:15:01,710
Nu, pieņemsim to apskatīt.

292
00:15:01,710 --> 00:15:05,300
Un pirms mēs lēkt pāri
manam pārlūka logā,

293
00:15:05,300 --> 00:15:08,090
tikai zinu, ka
console.log ir sava veida vienu

294
00:15:08,090 --> 00:15:10,630
veids, kā to drukas F JavaScript.

295
00:15:10,630 --> 00:15:12,040
Bet to, kas ir konsole?

296
00:15:12,040 --> 00:15:14,940
Nu, tas ir tas, ko mēs ejam
lai iet to apskatīt tieši tagad.

297
00:15:14,940 --> 00:15:16,850
>> Labi, tāpēc mēs esam atpakaļ šeit
manā pārlūka logā,

298
00:15:16,850 --> 00:15:19,410
un es esmu gatavojas atvērt
manu izstrādātāju rīki.

299
00:15:19,410 --> 00:15:22,290
Atkal, es esmu tikai hitting F12
atvērt izstrādātāju rīkus.

300
00:15:22,290 --> 00:15:25,670
Un paziņojums, ka šeit pie
top Esmu izvēlējies konsoli.

301
00:15:25,670 --> 00:15:28,480
Tātad šis ir jēdziens
attīstītāju konsole,

302
00:15:28,480 --> 00:15:30,500
un tas ļaus mums
izdrukāt informāciju out,

303
00:15:30,500 --> 00:15:33,000
kārtot līdzīgu termināla, bet
kā jūs redzēsiet mazliet vēlāk,

304
00:15:33,000 --> 00:15:37,720
mēs varam arī informāciju ievadīt
sadarboties ar mūsu mājas lapā.

305
00:15:37,720 --> 00:15:42,320
Es esmu gatavojas, lai tuvinātu mazliet šeit,
un es esmu gonna tagad noklikšķiniet uz par pārbaudē.

306
00:15:42,320 --> 00:15:45,230
Un četras test-- es neesmu gonna
parādīs kodu par to tieši tagad,

307
00:15:45,230 --> 00:15:47,479
bet jūs saņemsiet, ja jūs
lejupielādēt avota kodu, kas

308
00:15:47,479 --> 00:15:50,380
ir saistīta ar šo video--
ir tikai, ka par cilpa

309
00:15:50,380 --> 00:15:52,610
ka mēs redzējām tikai
Otrais pirms uz slaida.

310
00:15:52,610 --> 00:15:54,810
>> Tāpēc es esmu gonna klikšķis, ka
pogu, un vairāk nekā šeit,

311
00:15:54,810 --> 00:15:58,440
Lūk, ko ir izdrukāti In
konsole, 0, viens, divi, trīs, četri, pieci,

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

313
00:15:58,940 --> 00:16:02,490
Man nav izdrukāt informāciju
iekšā šiem masīvu vietās,

314
00:16:02,490 --> 00:16:05,180
jo es izmanto, lai cilpa.

315
00:16:05,180 --> 00:16:10,670
Un ķermeņa cilpa iekšā, es
vienkārši izdrukāt atslēga neiebilst atslēgu.

316
00:16:10,670 --> 00:16:18,600
Bet, ja es tagad skaidrs manu konsoli, un es
pāriet uz uz testa, un četri no testa

317
00:16:18,600 --> 00:16:22,500
Es saku es izmantot no cilpas
vietā un izdrukāt atslēgu,

318
00:16:22,500 --> 00:16:28,079
ja es noklikšķiniet, ka tagad es saņemu
faktiskie elementi iekšpusē manu objekta

319
00:16:28,079 --> 00:16:29,120
vai mans masīvs šajā gadījumā.

320
00:16:29,120 --> 00:16:31,760
Mana masīvs nedēļas dienām.

321
00:16:31,760 --> 00:16:33,480
Es izdrukāt Pirmdiena,
Otrdiena, Trešdiena.

322
00:16:33,480 --> 00:16:36,930
Tā, ka ir atšķirība starp
A cilpa, kas izdrukā

323
00:16:36,930 --> 00:16:43,410
tikai atslēgas, ja jūs vienkārši izmantot taustiņu
iekšpusē no ķermeņa no cilpas,

324
00:16:43,410 --> 00:16:46,850
un lai no cilpas, kas drukā
out vērtībām, ja jūs izmantojat tikai

325
00:16:46,850 --> 00:16:48,870
atslēga ķermeņa cilpas iekšpusē.

326
00:16:48,870 --> 00:16:52,380
>> Labi, kā mēs tagad sākam
saķēdēt stīgas un varbūt jaukt

327
00:16:52,380 --> 00:16:57,220
daži mainīgie ar interpolācijas
kā mēs varējām darīt PHP?

328
00:16:57,220 --> 00:16:59,410
Nu, mēs esam diezgan pazīstams
ar šo no PHP.

329
00:16:59,410 --> 00:17:04,109
Tas ir veids, kā mēs varētu to darīt, izmantojot
dot operatoram saķēdēt stīgas.

330
00:17:04,109 --> 00:17:06,260
JavaScript, lai gan,
mēs faktiski izmantot kaut ko

331
00:17:06,260 --> 00:17:09,290
sauc plus operators, kas
ir varbūt pat mazliet vairāk

332
00:17:09,290 --> 00:17:10,470
intuitīvs, vai ne?

333
00:17:10,470 --> 00:17:12,609
Mēs pievienojot ķekars
Stīgu kopā.

334
00:17:12,609 --> 00:17:14,520
Tātad pieņemsim doties atpakaļ
pāri un redzēt, ko tas

335
00:17:14,520 --> 00:17:18,693
drukās ja mēs cenšamies, lai izdrukātu
visu informāciju, kas nedēļu masīvs.

336
00:17:18,693 --> 00:17:20,859
Labi, tāpēc saskaņā ar šeit
saskaņā stīgu konkatenācija,

337
00:17:20,859 --> 00:17:24,822
Man ir divas iespējas, stīgu ēka
V1 un tad string ēka V2.

338
00:17:24,822 --> 00:17:26,530
Un mēs redzēsim, kāpēc mēs
vajag V2 sekundē.

339
00:17:26,530 --> 00:17:28,610
Bet es esmu gonna klikšķiniet uz
string ēka V1, kas

340
00:17:28,610 --> 00:17:30,360
ir kods mēs bijām
tikai ņemot apskatīt,

341
00:17:30,360 --> 00:17:32,980
console.log ar visiem plusiem.

342
00:17:32,980 --> 00:17:35,910
Let 's redzēt, ja šī izdrukas
, ko mēs sagaidām.

343
00:17:35,910 --> 00:17:39,939
>> Pirmdiena ir diena numurs 01 nedēļas,
Otrdiena ir diena numurs 11 nedēļas.

344
00:17:39,939 --> 00:17:41,730
Nu, ko es centos
darīt tur bija nokļūt

345
00:17:41,730 --> 00:17:46,280
tas izdrukāt pirmdiena ir diena numurs
viens, otrdiena ir diena numurs divi.

346
00:17:46,280 --> 00:17:50,140
Bet, šķiet, piemēram, es esmu
vienmēr izdrukāšana vienu.

347
00:17:50,140 --> 00:17:51,260
Nu, kāpēc tā?

348
00:17:51,260 --> 00:17:55,600
Nu, izrādās, veikt citu izskatu
Šī maz fragmentu kodu šeit.

349
00:17:55,600 --> 00:18:00,160
Ievērojiet, ka mēs esam, izmantojot plus
operators divos dažādos kontekstos.

350
00:18:00,160 --> 00:18:03,221
>> Un tā lūk, kur varbūt lietas
ka mēs esam veida teicis,

351
00:18:03,221 --> 00:18:03,970
Ak, tas ir tik liels.

352
00:18:03,970 --> 00:18:05,910
Mēs nenodarbojamies ar datu tipiem vairs.

353
00:18:05,910 --> 00:18:08,220
Bet šeit ir, ja fakts
ka mēs zaudējam datu tipu

354
00:18:08,220 --> 00:18:10,960
patiesībā var būt nedaudz
problēmu mums.

355
00:18:10,960 --> 00:18:16,260
Tagad, plus operators tiek izmantots, lai
saķēdēt stīgas un pievienotu numurus

356
00:18:16,260 --> 00:18:19,550
kopā, JavaScript ir
padarīt savu labāko minējumu

357
00:18:19,550 --> 00:18:22,030
par to, ko es gribu to darīt man.

358
00:18:22,030 --> 00:18:23,900
Un šajā gadījumā, tas likās nepareizi.

359
00:18:23,900 --> 00:18:29,340
Tas tikai saliktās diena, kas būtu
0, viens, divi, trīs, četriem, pieciem, sešiem vai,

360
00:18:29,340 --> 00:18:32,060
un tad tas tikai saliktās
ka tad saliktās vienu.

361
00:18:32,060 --> 00:18:35,020
Tas nav reāli pievienot tos kopā.

362
00:18:35,020 --> 00:18:37,320
Un tā šīs valodas,
PHP un JavaScript,

363
00:18:37,320 --> 00:18:39,196
ka tēzes prom
šis jēdziens veidu,

364
00:18:39,196 --> 00:18:40,820
Jums nav jātiek galā ar to vairs.

365
00:18:40,820 --> 00:18:43,600
Viņiem joprojām ir veidi ar kapuci.

366
00:18:43,600 --> 00:18:46,780
Un mēs varam, situācijās
piemēram, tas, sviras šo faktu

367
00:18:46,780 --> 00:18:49,240
pasakot kaut ko
piemēram, varbūt tas, kas

368
00:18:49,240 --> 00:18:53,210
stāsta JavaScript, ar
veids, pret to kā skaitlim,

369
00:18:53,210 --> 00:18:57,100
neuzskatiet to kā auklas, pat
lai gan mēs esam sajaucot kopā stīgas

370
00:18:57,100 --> 00:18:58,940
un veseli skaitļi šeit.

371
00:18:58,940 --> 00:19:02,204
>> Tā ir tikai viena no tām lietām
ka tas šķiet tik liels kontekstā

372
00:19:02,204 --> 00:19:04,120
ka mums nav
nodarbojas ar veidiem vairs,

373
00:19:04,120 --> 00:19:05,828
bet dažreiz jūs
uzskriet situāciju

374
00:19:05,828 --> 00:19:09,110
tieši tāpat kā tas, ja fakts, ka
jums nav kontroles pār veidiem

375
00:19:09,110 --> 00:19:11,220
var priekšlaicīga par jums
ja jūs neesat rūpīgi.

376
00:19:11,220 --> 00:19:18,285
Un tāpēc, ja mēs pop atpakaļ pār IDE, es esmu
iet, lai noskaidrotu savu konsole atkal,

377
00:19:18,285 --> 00:19:20,660
un es esmu gatavojas noklikšķiniet string
ēka versija divi, kas

378
00:19:20,660 --> 00:19:23,052
ir, ja es izmantot šo parsēt int funkcija.

379
00:19:23,052 --> 00:19:25,260
Tagad tas ir izdrukāšana
informācija, ka es esmu gaidījis.

380
00:19:25,260 --> 00:19:29,330
Pirmdiena diena numur viens, otrdiena
ir diena numurs divi, un tā tālāk.

381
00:19:29,330 --> 00:19:31,170
>> Tātad parunāsim par funkcijām vēlreiz.

382
00:19:31,170 --> 00:19:34,790
Es apsolīju, mēs varētu runāt par anonīms
funkcijas, un tagad konteksts, kas

383
00:19:34,790 --> 00:19:36,360
beidzot ir klāt.

384
00:19:36,360 --> 00:19:39,980
Tātad, pirms mēs to darām, parunāsim atkal
par blokiem, lai tikai sekundi.

385
00:19:39,980 --> 00:19:42,120
Tātad masīvi ir īpašs
gadījums no objekta.

386
00:19:42,120 --> 00:19:45,180
Patiesībā, viss
JavaScript ir faktiski objekts.

387
00:19:45,180 --> 00:19:47,190
Tātad funkcijas ir
īpašs gadījums objektu,

388
00:19:47,190 --> 00:19:49,770
veseli skaitļi ir īpaša
gadījums no objekta,

389
00:19:49,770 --> 00:19:52,152
bet masīvi īpaši
ir vairākas metodes.

390
00:19:52,152 --> 00:19:55,110
Atcerieties, jo viņi ir objekti,
tie var būt īpašības un metodes.

391
00:19:55,110 --> 00:19:58,600
Tie ir vairākas metodes, kas
var attiecināt uz šiem objektiem.

392
00:19:58,600 --> 00:20:01,197
Tur ir metode, ko sauc
lielums, array.size,

393
00:20:01,197 --> 00:20:03,030
kas atgriezīsies
jums, kā jūs varētu gaidīt

394
00:20:03,030 --> 00:20:05,120
skaits elementu jūsu masīvs.

395
00:20:05,120 --> 00:20:08,480
array.pop, kārtot līdzīgu
Mūsu jēdziens popping off

396
00:20:08,480 --> 00:20:11,110
no skursteņiem, ja jūs atceraties
no mūsu Stacks video,

397
00:20:11,110 --> 00:20:13,810
noņem pēdējo elementu no masīva.

398
00:20:13,810 --> 00:20:17,110
array.push pievienots jauns elements
līdz beigām masīva.

399
00:20:17,110 --> 00:20:20,910
array.shift ir sava veida
tāpat DQ, tas savijums out

400
00:20:20,910 --> 00:20:23,610
masīva pirmais elements.

401
00:20:23,610 --> 00:20:27,549
>> Bet tur ir arī vēl viena speciālā
metode masīva sauc karti.

402
00:20:27,549 --> 00:20:29,340
Un tas ir sava veida
interesants jēdziens.

403
00:20:29,340 --> 00:20:30,930
Tātad, kāda ir ideja par karti?

404
00:20:30,930 --> 00:20:33,880
Jūs faktiski redzēt šo
vairākās citās valodās,

405
00:20:33,880 --> 00:20:38,550
un mēs nerunājam par
kārtot kartogrāfi karti šeit,

406
00:20:38,550 --> 00:20:41,480
mēs runājam par kartēšanas funkciju.

407
00:20:41,480 --> 00:20:44,110
Šajā kontekstā mēs esam
runājam šeit, karte

408
00:20:44,110 --> 00:20:47,950
ir īpaša operācija mēs
var veikt uz masīvu

409
00:20:47,950 --> 00:20:51,630
piemērot īpašu funkciju
katram šī masīva elementa.

410
00:20:51,630 --> 00:20:55,190
un tāpēc mēs teiktu
šajā gadījumā, varbūt array.map,

411
00:20:55,190 --> 00:21:00,330
un iekšpusē tā, mēs iet
uz kartes ir funkcija, kas mēs gribam

412
00:21:00,330 --> 00:21:02,430
jāpiemēro katru elementu.

413
00:21:02,430 --> 00:21:07,299
Tātad, tas ir sava veida analogs, lai, izmantojot
cilpa atkārtot pār katru elementu

414
00:21:07,299 --> 00:21:09,340
un piemērot īpašu
darboties katram elementam,

415
00:21:09,340 --> 00:21:14,830
tikko JavaScript ir tas būvēts
jēdziens par kartēšanu, ko var piemērot.

416
00:21:14,830 --> 00:21:19,700
Un tas ir liels konteksts
runāt par anonīmu funkciju.

417
00:21:19,700 --> 00:21:22,370
>> Tātad pieņemsim, ka mums ir
šis masīvs integers.

418
00:21:22,370 --> 00:21:25,370
To sauc nums, un tas ieguva piecas
lietas to, viens, divi, trīs, četri,

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

420
00:21:26,410 --> 00:21:30,620
Tagad es gribu, lai karti kādu
funkcija uz šo masīvu.

421
00:21:30,620 --> 00:21:34,337
Es gribu būt funkcija jāpiemēro
uz katru masīva elementu.

422
00:21:34,337 --> 00:21:37,420
Nu, pieņemsim, ka tas, ko es gribu
jādara, ir tikai dubultā visi elementi.

423
00:21:37,420 --> 00:21:42,520
Ko es varētu darīt, ir tikai izmantot cilpu
VAR es ir vienāds ar 0, es, ir mazāks nekā

424
00:21:42,520 --> 00:21:47,390
vai vienāds ar 4, es plus, kā arī, un
tad dubultosies katru numuru.

425
00:21:47,390 --> 00:21:49,580
Bet es varu arī darīt kaut kas līdzīgs šim.

426
00:21:49,580 --> 00:21:53,420
Es varu teikt nums bija agrāk
viens divi trīs Četri Pieci,

427
00:21:53,420 --> 00:21:58,310
Tagad, lai gan, es vēlētos, lai jūs
piemērot kartēšanu uz šī masīva

428
00:21:58,310 --> 00:22:00,400
kur es gribētu jums
divkāršot katru numuru.

429
00:22:00,400 --> 00:22:02,540
Un tas ir tieši
kas notiek šeit.

430
00:22:02,540 --> 00:22:06,870
Bet paziņojums, ko es esmu iet
tik arguments, lai karti.

431
00:22:06,870 --> 00:22:09,080
Šī ir anonīma funkcija.

432
00:22:09,080 --> 00:22:11,140
Un paziņojums man nav dota
Šī funkcija nosaukums,

433
00:22:11,140 --> 00:22:13,290
Esmu tikai dota to parametru sarakstu.

434
00:22:13,290 --> 00:22:16,370
Un tā tas ir piemērs
par anonīmu funkciju.

435
00:22:16,370 --> 00:22:21,270
>> Mēs parasti nekad saucam
funkcija ārpus kontekstā kartē.

436
00:22:21,270 --> 00:22:24,110
Mēs esam definējot to kā parametrs
kartēt, un tāpēc mums nav īsti

437
00:22:24,110 --> 00:22:27,910
jābūt tā nosaukumu, ja
Vienīgais, kas rūpējas par to ir karte

438
00:22:27,910 --> 00:22:30,339
un tas ir definētas tiesības
tur iekšā kartē.

439
00:22:30,339 --> 00:22:31,880
Un tā tas ir anonīms funkcija.

440
00:22:31,880 --> 00:22:34,680
Mēs neesam spējuši
to darīt agrāk.

441
00:22:34,680 --> 00:22:38,400
Karte kādu funkciju,
pieņem vienu parametru, num,

442
00:22:38,400 --> 00:22:41,890
un ko tas dara funkcija
tiek atgriežas Num reizes 2.

443
00:22:41,890 --> 00:22:45,330
Un tā pēc tam
kartēšana ir piemērota,

444
00:22:45,330 --> 00:22:50,090
tas ir tagad ko nums izskatās
piemēram, divas, četru, sešu, astoņi, 10.

445
00:22:50,090 --> 00:22:52,090
Un mēs pop pār manu
pārlūka logu un tikai

446
00:22:52,090 --> 00:22:55,240
ieskatieties šajā
tiešām ātri, kā labi.

447
00:22:55,240 --> 00:22:58,000
>> Tāpēc man ir cits poga šeit
manā mājas lapā sauc dubultā.

448
00:22:58,000 --> 00:23:03,570
Un, kad es noklikšķiniet dubultā, un tā stāsta
man pirms tas bija viens, divi, trīs, četri,

449
00:23:03,570 --> 00:23:07,250
pieci pēc diviem, četriem, sešiem, astoņiem, 10.

450
00:23:07,250 --> 00:23:11,930
Un, ja es dodos atpakaļ un noklikšķiniet dubultā
atkal, divi, četru, sešu, astoņi, 10.

451
00:23:11,930 --> 00:23:17,400
Un tad pēc, četri,
astoņi, 12, 16, un pēc tam 20.

452
00:23:17,400 --> 00:23:20,440
Un ko es daru ar šo funkciju?

453
00:23:20,440 --> 00:23:25,210
Nu, ja mēs vienkārši pop pār IDE, un
Es uzvilkt savu anonīmu funkciju, šeit

454
00:23:25,210 --> 00:23:28,780
par septiņiem līnijas caur 13, es esmu
darot mazliet iedomātā darbu šeit,

455
00:23:28,780 --> 00:23:32,240
bet es esmu tikai izdrukāšana
to, kas ir pašlaik masīvā.

456
00:23:32,240 --> 00:23:36,580
Pēc tam uz līnijas 16, 17,
un 18, tur ir mana karte.

457
00:23:36,580 --> 00:23:40,930
Tas ir, ja es esmu piemērojot šo divkāršošanu
funkcija, lai katru elementu.

458
00:23:40,930 --> 00:23:43,530
Un tad mazliet tālāk uz leju,
Es esmu tikai darot to pašu

459
00:23:43,530 --> 00:23:46,640
Man bija darīt iepriekš, izņemot tagad es esmu
izdrukāšana saturu masīva

460
00:23:46,640 --> 00:23:48,167
pēc tam.

461
00:23:48,167 --> 00:23:50,500
Bet viss, ko es esmu darījusi šeit ir
tikai izmantot anonīmu funkciju

462
00:23:50,500 --> 00:23:53,640
kartēt pāri visam blokam.

463
00:23:53,640 --> 00:23:58,466
>> Tātad vēl viens liels jautājums runāt par
JavaScript ir jēdziens par kādu notikumu.

464
00:23:58,466 --> 00:24:01,590
Pasākums ir kaut kas vienkārši notiek
kad lietotājs mijiedarbojas ar savu web

465
00:24:01,590 --> 00:24:04,715
lapa, tāpēc varbūt viņi noklikšķina kaut,
vai varbūt lapa ir pabeigta iekraušana,

466
00:24:04,715 --> 00:24:07,200
vai varbūt viņi pārcēlās
savu peli pār kaut ko,

467
00:24:07,200 --> 00:24:09,290
vai tie esam drukāti kaut
in ievades laukā.

468
00:24:09,290 --> 00:24:14,260
Visas šīs lietas ir notikumi
kas notiek uz mūsu mājas lapā.

469
00:24:14,260 --> 00:24:17,460
Un JavaScript ir tāda
spējas, lai atbalstītu kaut ko

470
00:24:17,460 --> 00:24:21,760
sauc par notikumu apdarinātājs, kas
ir funkcija, kas

471
00:24:21,760 --> 00:24:23,329
reaģē uz html notikumu.

472
00:24:23,329 --> 00:24:24,620
Un kas ir atzvanīšanas funkcija?

473
00:24:24,620 --> 00:24:27,328
Nu, tas parasti ir tikai vēl viens
nosaukt par anonīmu funkciju.

474
00:24:27,328 --> 00:24:30,170
Tā ir funkcija, kas
reaģē uz notikumu.

475
00:24:30,170 --> 00:24:34,130
Un tas ir, ja mēs nonākam pie
Ideja par saistošu noteiktas funkcijas

476
00:24:34,130 --> 00:24:38,060
konkrētai html atribūts.

477
00:24:38,060 --> 00:24:41,420
Lielākā daļa HTML elementi ir
atbalsts atribūtu

478
00:24:41,420 --> 00:24:45,170
ka mēs nerunājam par HTML
video par kaut ko līdzīgu par klikšķi

479
00:24:45,170 --> 00:24:50,540
vai karāšanās vai slodzes,
visi no šiem notikumiem

480
00:24:50,540 --> 00:24:53,120
ka jūs varat uzrakstīt funkcijas
kas nodarbojas ar šiem notikumiem

481
00:24:53,120 --> 00:24:56,090
kad šos notikumus
rodas uz jūsu mājas lapā.

482
00:24:56,090 --> 00:24:59,170
>> Un tā varbūt jūsu html
izskatās kaut kas līdzīgs šim.

483
00:24:59,170 --> 00:25:02,240
Un man ir divas pogas šeit,
poga viens un divi poga,

484
00:25:02,240 --> 00:25:04,620
un šeit man ir šobrīd
noteikts nekas,

485
00:25:04,620 --> 00:25:11,170
bet tas ir, ja atribūts
klikšķis ir acīmredzot daļa no manas html tag.

486
00:25:11,170 --> 00:25:15,220
Tātad, acīmredzot, kad es definēt, kas ir
notiek iekšpusē šo atribūtu,

487
00:25:15,220 --> 00:25:18,590
tas būs daži JavaScript
funkcija, kas reaģē uz notikumu

488
00:25:18,590 --> 00:25:24,360
domājams noklikšķinot uz
poga viens vai divi poga.

489
00:25:24,360 --> 00:25:28,580
>> Kas veida atdzist par šo ir mēs
var uzrakstīt sugas notikumu apdarinātājs.

490
00:25:28,580 --> 00:25:32,370
Un šis notikums būs Handler
izveidot notikumu objektu.

491
00:25:32,370 --> 00:25:37,000
Un notikums objekts pateiks mums
kura no divām pogām tika uzklikšķināt.

492
00:25:37,000 --> 00:25:38,064
Tagad, kā tas darbojas?

493
00:25:38,064 --> 00:25:39,730
Nu, tas varētu izskatīties kaut kas līdzīgs šim.

494
00:25:39,730 --> 00:25:44,860
Tātad mēs vispirms jādefinē savas pogas
lai būtu atbildi uz atzvanu

495
00:25:44,860 --> 00:25:47,470
funkcija, kas tiks izsaukta
kad poga ir noklikšķinājuši,

496
00:25:47,470 --> 00:25:49,520
mēs saucam izbraukuma brīdinājuma vārdu.

497
00:25:49,520 --> 00:25:53,320
Un paziņojuma abos gadījumos mēs esam
iet šajā pasākumā parametru.

498
00:25:53,320 --> 00:25:55,460
Tāpēc mēs saucam šo funkciju
vai tad, kad šī funkcija

499
00:25:55,460 --> 00:26:00,330
izraisa pasākuma notiek,
tas notiek, lai izveidotu šo notikumu objektu

500
00:26:00,330 --> 00:26:03,300
un nodot to kā
parametrs, lai brīdinātu vārdu.

501
00:26:03,300 --> 00:26:07,270
Un tas notikums objekts ir
gatavojas satur informāciju

502
00:26:07,270 --> 00:26:09,800
par kuru poga tika uzklikšķināt.

503
00:26:09,800 --> 00:26:11,580
Un kā tas izdarīt?

504
00:26:11,580 --> 00:26:13,654
Nu, tas varētu izskatīties kaut kas līdzīgs šim.

505
00:26:13,654 --> 00:26:15,570
Tāpēc tagad mans atsevišķi
JavaScript failu, es varētu

506
00:26:15,570 --> 00:26:17,420
ir jāatrod šis
funkcija trauksmes nosaukums, kurā

507
00:26:17,420 --> 00:26:19,500
atkal akceptē šo notikumu parametru.

508
00:26:19,500 --> 00:26:24,640
Un tad šeit ir vieta, kur es esmu atklāšanā
kas poga tika iedarbināta,

509
00:26:24,640 --> 00:26:28,100
VAR sprūda vienāds notikumu
dot avots elements.

510
00:26:28,100 --> 00:26:33,150
Kāds bija avots, kas radīja
Šis notikums objekts, kas tika pieņemts?

511
00:26:33,150 --> 00:26:36,390
Vai tas bija poga viens vai tas bija poga divi?

512
00:26:36,390 --> 00:26:40,710
>> Un tad šeit visu es daru, ir
izdrukāšana trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
Nu, šajā gadījumā, jo šī
konteksts, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
ir tieši tas, kas ir rakstīts uz pogas.

515
00:26:45,940 --> 00:26:48,830
Tas tikai tā notiek, ja mēs pārietu
atpakaļ uz otru, kas varētu

516
00:26:48,830 --> 00:26:51,670
būt to, kas ir starp šiem pogu tagiem.

517
00:26:51,670 --> 00:26:54,150
Tas tiks poga viens vai divi poga.

518
00:26:54,150 --> 00:26:57,320
Un pieņemsim to apskatīt
cik šis notikums apdarinātājs būtu

519
00:26:57,320 --> 00:27:01,080
izskatītos, ja mums bija tā darbojas praksē.

520
00:27:01,080 --> 00:27:03,850
>> Tātad pirmkārt, jūs esat
atvērušas events.js,

521
00:27:03,850 --> 00:27:06,517
kas ir JavaScript fails, kurā
Man ir definētas šo funkciju.

522
00:27:06,517 --> 00:27:08,558
Un, kā jūs varat redzēt, tas ir
diezgan daudz, ko tieši

523
00:27:08,558 --> 00:27:10,230
mēs tikko redzējām uz slaida otro atpakaļ.

524
00:27:10,230 --> 00:27:14,890
Un es iet pār uz
mājas lapa, mēs esam izmantojuši.

525
00:27:14,890 --> 00:27:17,660
Un man ir šeit poga
viens un divi poga.

526
00:27:17,660 --> 00:27:19,820
Un es noklikšķiniet uz pogas vienu.

527
00:27:19,820 --> 00:27:23,930
Jūs noklikšķinājis uz pogas vienu, ja jums
var redzēt tepat brīdinājuma.

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

529
00:27:25,810 --> 00:27:28,980
Klikšķiniet uz pogas divas, jūs
noklikšķina uz pogas divi.

530
00:27:28,980 --> 00:27:32,150
>> Tātad abas pogas ir lēmums
pats funkciju zvanu, vai ne?

531
00:27:32,150 --> 00:27:35,840
Viņi abi bija brīdinājums vārds
notikums, bet šis notikums objekts

532
00:27:35,840 --> 00:27:41,900
ka tiek izveidots, kad mēs noklikšķiniet uz
tā stāsta mums, kas poga tika uzklikšķināt.

533
00:27:41,900 --> 00:27:44,650
Mums nebija rakstīt divas atsevišķas
funkcijas vai nodarbojas ar kuru

534
00:27:44,650 --> 00:27:46,470
nodot jebkādu papildu informāciju.

535
00:27:46,470 --> 00:27:48,220
Mēs esam tikai paļaujoties uz
ko JavaScript būs

536
00:27:48,220 --> 00:27:53,772
darīt mums, kas ir radīt ka
veida notikuma objekta mūsu vārdā.

537
00:27:53,772 --> 00:27:56,730
Tur ir daudz vairāk, lai JavaScript nekā
tas, ko mēs esam uz šo video,

538
00:27:56,730 --> 00:27:58,521
bet kam tie
fundamentāls vajadzētu saņemt jūs

539
00:27:58,521 --> 00:28:00,690
diezgan ilgu veidi,
mācību viss jums

540
00:28:00,690 --> 00:28:04,030
jāzina par šo
interesanta valoda.

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

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

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