1
00:00:00,000 --> 00:00:03,840
>> [Přehrávání hudby]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: Takže teď jsme staří
profesionálové na webové programování, že jo?

4
00:00:08,690 --> 00:00:12,140
A my jsme se vztahuje několik
jazyků v jednotlivých videí.

5
00:00:12,140 --> 00:00:14,690
A teď pojďme udělat ještě jeden, JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> První dobrá zpráva, JavaScript
je moderní programovací

7
00:00:17,370 --> 00:00:21,410
jazyk podobně jako PHP, jehož
syntax je odvozen z C,

8
00:00:21,410 --> 00:00:22,830
takže je to dobré místo pro start.

9
00:00:22,830 --> 00:00:25,880
Je to asi tak stará jako PHP, stejně,
co bylo kolem 20 let.

10
00:00:25,880 --> 00:00:28,600
To bylo vynalezeno v okolí
ve stejnou dobu jako PHP.

11
00:00:28,600 --> 00:00:32,240
A JavaScript je vlastně docela
zásadní pro uživatelské zkušenosti

12
00:00:32,240 --> 00:00:32,740
z webu.

13
00:00:32,740 --> 00:00:34,448
Ve skutečnosti, tam jsou
tři jazyky, které jsem

14
00:00:34,448 --> 00:00:38,480
bych, že druh tvoří
uživatelské zkušenosti interagujících

15
00:00:38,480 --> 00:00:42,650
s webovými stránkami, html,
css, a JavaScript.

16
00:00:42,650 --> 00:00:46,030
A tak teď pojďme mluvit
Něco málo o JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> Špatnou zprávou, i když s JavaScript je
že stanoví řadu pravidel pro sebe,

18
00:00:50,301 --> 00:00:51,300
a pak je to poruší.

19
00:00:51,300 --> 00:00:54,010
A JavaScript může být ve skutečnosti
druh náročné se učit,

20
00:00:54,010 --> 00:00:57,000
protože je to na rozdíl od C a
PHP, která jsou velmi strukturované

21
00:00:57,000 --> 00:01:00,270
a mají velmi přísná pravidla
na to, jak se věci mohou pracovat.

22
00:01:00,270 --> 00:01:03,690
JavaScript má druh
z dostali tak flexibilní

23
00:01:03,690 --> 00:01:06,650
že možná se věci nebudou
pracovat tak, jak očekáváme, že,

24
00:01:06,650 --> 00:01:09,830
a možná bychom opravdu nemůže učit
naše první programovací jazyk

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

26
00:01:10,769 --> 00:01:12,810
Možná proto, že to není
stanovila nějaká pravidla,

27
00:01:12,810 --> 00:01:15,754
a to není opravdu
prosazovat dobré kódování návyky.

28
00:01:15,754 --> 00:01:18,170
Ale teď jsme se snad vyvinuli
některé dobré kódování návyky,

29
00:01:18,170 --> 00:01:21,470
a tak můžeme začít vpád
do JavaScriptu trochu.

30
00:01:21,470 --> 00:01:25,750
>> Chcete-li psát JavaScript, podobný otvor
up souboru C s tečkou C prodloužení

31
00:01:25,750 --> 00:01:29,770
nebo soubor PHP s příponou dot PHP,
vše, co musíte udělat, je otevřít soubor

32
00:01:29,770 --> 00:01:31,764
s příponou tečkou js.

33
00:01:31,764 --> 00:01:34,430
Nepotřebujeme mít nějaké speciální
oddělovače jako jsme to udělali v PHP.

34
00:01:34,430 --> 00:01:36,750
Taková úhlu
držák otazník PHP

35
00:01:36,750 --> 00:01:40,300
že jsme zvyklí od toho, na cestě
řekneme náš prohlížeč, že to, co máme, je

36
00:01:40,300 --> 00:01:43,502
JavaScript je zahrnutím
to v html tagu,

37
00:01:43,502 --> 00:01:46,210
a uvidíme trochu o
jak to udělat, že za chvíli.

38
00:01:46,210 --> 00:01:48,210
>> Další věc, která dělá
Odlišné JavaScript,

39
00:01:48,210 --> 00:01:50,580
však je, že běží na straně klienta.

40
00:01:50,580 --> 00:01:53,430
Takže připomenout, že s PHP
bychom nikdy opravdu vidět

41
00:01:53,430 --> 00:01:57,041
PHP, který zdůraznil, webové stránky.

42
00:01:57,041 --> 00:01:59,040
Pokud bychom někdy prohlížel
zdrojová stránka, my bychom jen

43
00:01:59,040 --> 00:02:02,830
viz html, který byl
generované, že PHP.

44
00:02:02,830 --> 00:02:04,900
Ale JavaScript běží na straně klienta.

45
00:02:04,900 --> 00:02:06,710
Váš JavaScript běží na vašem počítači.

46
00:02:06,710 --> 00:02:09,050
A to je důvod, proč si můžete dělat
věci, jako je přidat blokátory.

47
00:02:09,050 --> 00:02:09,550
Právo?

48
00:02:09,550 --> 00:02:12,704
Blokování reklam se obvykle provádí
zabíjet všechny JavaScriptu

49
00:02:12,704 --> 00:02:14,370
který je spuštěn na konkrétní webové stránky.

50
00:02:14,370 --> 00:02:19,000
A protože by musel
spustit na vašem počítači straně klienta,

51
00:02:19,000 --> 00:02:21,910
stačí zastavit
JavaScript pro běh úplně.

52
00:02:21,910 --> 00:02:27,030
To také znamená, že při použití
webová stránka, která obsahuje JavaScript,

53
00:02:27,030 --> 00:02:32,450
budete muset poslat zdroj JavaScript
kód jako součást svého http odpovědi

54
00:02:32,450 --> 00:02:34,159
klientovi, pokud o to požádají.

55
00:02:34,159 --> 00:02:35,950
A tak možná ne
chcete používat JavaScript

56
00:02:35,950 --> 00:02:38,395
dělat opravdu citlivé věci
jako je předávání informací

57
00:02:38,395 --> 00:02:41,020
o uživatelských hesel a zpět
dále, protože jsou ve skutečnosti

58
00:02:41,020 --> 00:02:45,610
bude dostávat všechny zdrojového kódu,
nejen html, který je generován,

59
00:02:45,610 --> 00:02:49,030
, která by mohla být v případě řekněme PHP.

60
00:02:49,030 --> 00:02:51,620
>> Tak jak jsme se zahrnují JavaScript
v naší html začít?

61
00:02:51,620 --> 00:02:54,520
No, podobně jako CSS, ve skutečnosti,
je něco o tom, jak to děláme tady.

62
00:02:54,520 --> 00:02:56,190
S CSS máme tagy styl.

63
00:02:56,190 --> 00:03:00,760
A uvnitř těchto stylu značek,
můžeme definovat CSS stylů.

64
00:03:00,760 --> 00:03:03,450
Podobně se JavaScriptu
můžeme otevřít značek skriptu,

65
00:03:03,450 --> 00:03:06,660
další html tag my ne
mluvit o tom, v naší html video,

66
00:03:06,660 --> 00:03:09,720
a psát JavaScript
mezi těmito značkami script.

67
00:03:09,720 --> 00:03:13,960
Také i když, jako CSS, jsme
mohl spojit v venku CSS souborů

68
00:03:13,960 --> 00:03:15,900
a vytáhnout je do našeho programu, který způsobem.

69
00:03:15,900 --> 00:03:18,280
S CSS můžeme také,
promiňte, Javascript

70
00:03:18,280 --> 00:03:23,240
můžeme také určit zdroj
atribut tagu script

71
00:03:23,240 --> 00:03:25,720
propojit v JavaScriptu
zvlášť, takže se nemusíte

72
00:03:25,720 --> 00:03:27,680
musí napsat do
mezi značky skriptu, my

73
00:03:27,680 --> 00:03:29,600
můžete propojit ji s použitím
že tag skript stejně.

74
00:03:29,600 --> 00:03:33,230
A stejně jako v případě s CSS kde
doporučujeme, aby to bylo pravděpodobně

75
00:03:33,230 --> 00:03:36,090
ve vašem nejlepším zájmu, aby psát
Váš CSS do samostatného souboru v případě,

76
00:03:36,090 --> 00:03:38,500
je třeba jej změnit,
Podobně tomu doporučujeme

77
00:03:38,500 --> 00:03:40,720
že napíšete
JavaScript v samostatných souborech

78
00:03:40,720 --> 00:03:45,460
a používat zdroj tagy skriptu
připisovat svázat si JavaScript

79
00:03:45,460 --> 00:03:49,520
do html, své webové stránky.

80
00:03:49,520 --> 00:03:52,610
>> Takže JavaScript proměnné, budeme
začněte zde mluvit o syntaxi.

81
00:03:52,610 --> 00:03:53,600
A půjdeme přes
tento druh rychle,

82
00:03:53,600 --> 00:03:56,640
proto, že jsme udělali to v PHP, takže
to vše by mělo být docela obeznámeni.

83
00:03:56,640 --> 00:03:59,490
Takže proměnné v JavaScriptu jsou
velmi podobné PHP proměnné.

84
00:03:59,490 --> 00:04:03,270
Neexistuje žádný specifikátor typu, a
když si představit proměnnou,

85
00:04:03,270 --> 00:04:05,070
ho prefix pomocí klíčového slova var.

86
00:04:05,070 --> 00:04:07,750
V PHP budeme dělat něco
takhle, znak dolaru x.

87
00:04:07,750 --> 00:04:09,950
To je, jak jsme naznačili
variabilní, ale ne, my

88
00:04:09,950 --> 00:04:12,060
nezmiňují typ
proměnné vůbec.

89
00:04:12,060 --> 00:04:15,124
Rádi bychom říci něco podobného
znak dolaru x rovná 44 v PHP.

90
00:04:15,124 --> 00:04:17,040
Pokud bychom dělali
totéž v JavaScriptu,

91
00:04:17,040 --> 00:04:19,589
bychom řekli var x rovná 44.

92
00:04:19,589 --> 00:04:22,780
Takže var je trochu naší cestě
zavedení proměnné.

93
00:04:22,780 --> 00:04:26,850
To je možná trochu více intuitivní
než jen znak dolaru proměnné.

94
00:04:26,850 --> 00:04:29,080
>> Opět platí, protože není
datové typy, mohli bychom to udělat

95
00:04:29,080 --> 00:04:34,490
s libovolný typ dat, struny,
Cokoliv jiného by všichni var.

96
00:04:34,490 --> 00:04:37,260
Podmiňovací způsob, všechny naše
staří přátelé z C a PHP

97
00:04:37,260 --> 00:04:41,640
jsou stále k dispozici, takže máme-li,
else if, else, switch a otázka

98
00:04:41,640 --> 00:04:42,240
Značka tlustého střeva.

99
00:04:42,240 --> 00:04:45,890
Spínač zůstává tak flexibilní, jak to
byl v PHP, ale všechny z nich, že jste

100
00:04:45,890 --> 00:04:46,930
obeznámeni s nyní.

101
00:04:46,930 --> 00:04:49,900
A podobně se smyčky
staré favority chvíli,

102
00:04:49,900 --> 00:04:52,700
dělat, zatímco, a ještě k dispozici.

103
00:04:52,700 --> 00:04:55,880
Takže už víme, že mnoho z
Základní JavaScript druh základů

104
00:04:55,880 --> 00:05:01,800
Jen na základě které mají docela dost
znalostí nyní o C a PHP.

105
00:05:01,800 --> 00:05:03,670
>> Co funkcí v JavaScriptu?

106
00:05:03,670 --> 00:05:08,199
No, podobně jako PHP každá funkce je
představil pomocí klíčového slova function.

107
00:05:08,199 --> 00:05:10,740
Říkáte, že funkce, a pak vás
začíná definovat funkci.

108
00:05:10,740 --> 00:05:12,531
Co je to trochu jinak
o JavaScriptu,

109
00:05:12,531 --> 00:05:15,700
ačkoli je schopnost mít
co se nazývá anonymní funkce.

110
00:05:15,700 --> 00:05:18,880
Takže můžete definovat funkce
že nemají jméno.

111
00:05:18,880 --> 00:05:21,222
To je něco, co jsme
Opravdu ještě neviděli.

112
00:05:21,222 --> 00:05:23,430
Budeme opravdu používat pojmu
z anonymní funkce

113
00:05:23,430 --> 00:05:27,880
o něco později v tomto
video, protože to bude

114
00:05:27,880 --> 00:05:31,530
aby trochu větší smysl v kontextu
když ji vidíme v konkrétní situaci

115
00:05:31,530 --> 00:05:33,120
že jsem tady řemeslně.

116
00:05:33,120 --> 00:05:35,710
Ale pojďme stačí se podívat
na to, co jednoduchého JavaScriptu

117
00:05:35,710 --> 00:05:37,850
Funkce by mohla vypadat.

118
00:05:37,850 --> 00:05:40,610
>> Tak jsem šel dopředu a
otevřel můj CS50 IDE

119
00:05:40,610 --> 00:05:43,690
a už jsem běžet Apache
začít svůj server běží.

120
00:05:43,690 --> 00:05:46,800
A já mám tento soubor
otevřít tzv home.html.

121
00:05:46,800 --> 00:05:48,330
A já budu přiblížit trochu zde.

122
00:05:48,330 --> 00:05:52,090
A v podstatě, můžete vidět
Home.html je jen banda tlačítek.

123
00:05:52,090 --> 00:05:55,291
A já jsem tvrdil nahoře zde
že se jedná o úsek JavaScript

124
00:05:55,291 --> 00:05:55,790
materiály.

125
00:05:55,790 --> 00:05:59,490
Takže je tu spoustu tlačítek tu,
ale co tato tlačítka vlastně dělat?

126
00:05:59,490 --> 00:06:03,662
>> No, budeme přes hlavu na mé IED,
a já jsem home.html otevřít zde.

127
00:06:03,662 --> 00:06:05,620
Na samém počátku,
tady je místo, kde jsem spojující

128
00:06:05,620 --> 00:06:07,500
ve všech mých zdrojových souborů JavaScript.

129
00:06:07,500 --> 00:06:08,000
Právo?

130
00:06:08,000 --> 00:06:12,440
Takže mám anonymous.js, clock.js,
Jsem pomocí atributu zdroje

131
00:06:12,440 --> 00:06:14,440
tagu script propojit do souboru.

132
00:06:14,440 --> 00:06:18,660
Takže jsem nenapsal jakýkoli
JavaScript přímo do tohoto souboru,

133
00:06:18,660 --> 00:06:21,790
ale já jsem vytáhl na všechny
JavaScript jsem napsal samostatně.

134
00:06:21,790 --> 00:06:24,540
A pokud budeme posouvat tady, to dole
měli všichni vypadají trochu povědomý

135
00:06:24,540 --> 00:06:27,090
s trochou novou syntaxí.

136
00:06:27,090 --> 00:06:32,655
Máme tu záhlaví tag pro
funkce a pak tlačítko.

137
00:06:32,655 --> 00:06:35,530
Mám vstup, který je tlačítko typu,
a zřejmě když jsem se na něj,

138
00:06:35,530 --> 00:06:38,130
Budu volat některé
Funkce Datum upozornění.

139
00:06:38,130 --> 00:06:41,792
A to je, jak můžeme nějak namíchat
trochu JavaScriptu a HTML.

140
00:06:41,792 --> 00:06:44,500
Jsou to vlastně hrají docela dobře
spolu, a tak zřejmě když

141
00:06:44,500 --> 00:06:48,730
I klikněte na toto tlačítko, jdu
zavolat nějakou datum funkce upozornění.

142
00:06:48,730 --> 00:06:53,660
A stejně jsem definována chování
Pro všechny ostatní tlačítek, která

143
00:06:53,660 --> 00:06:56,440
jsou na této stránce home.html,
který budeme držet vracet

144
00:06:56,440 --> 00:06:59,172
se v průběhu tohoto videa.

145
00:06:59,172 --> 00:07:00,880
Ale vraťme se zpět nahoru
Zde se podívat

146
00:07:00,880 --> 00:07:03,850
při clock.js, což je
Soubor JavaScriptu, které jsem

147
00:07:03,850 --> 00:07:07,370
napsal, že má tento první funkce
budeme se podívat na.

148
00:07:07,370 --> 00:07:11,630
Jak můžete vidět, začnu můj JavaScript
pracovat s funkcí klíčových slov,

149
00:07:11,630 --> 00:07:14,560
a já jsem dal tohle
jméno, je to jen datum ve střehu.

150
00:07:14,560 --> 00:07:18,710
Uvnitř tam, jsem zřejmě vytvořit
nová lokální proměnná s názvem aktuální datum.

151
00:07:18,710 --> 00:07:21,500
A budu přiřadit
stejný s novým datem.

152
00:07:21,500 --> 00:07:24,430
A my jsme mohli dostat do hodně
detail na to, co je datum,

153
00:07:24,430 --> 00:07:27,060
a opravdu JavaScript je tak
velká, že můžeme v žádném případě

154
00:07:27,060 --> 00:07:28,330
pokrývají vše v jednom videu.

155
00:07:28,330 --> 00:07:32,220
Ale stačí říct, že to bude
vrátit se ke mně položka dat, která

156
00:07:32,220 --> 00:07:35,470
shrnuje aktuální datum a čas.

157
00:07:35,470 --> 00:07:39,100
Jsem ukládání, že v proměnné, že jsem
zřejmě chystá upozornit aktuální datum.

158
00:07:39,100 --> 00:07:41,300
>> No, co dělá záznam
aktuální datum vypadat?

159
00:07:41,300 --> 00:07:46,460
Pojďme se podívat na samotný soubor
zpět přes v okně prohlížeče.

160
00:07:46,460 --> 00:07:49,551
Takže znovu, toto je tlačítko, které jsem
byly vázány na, tomto názvem funkce.

161
00:07:49,551 --> 00:07:51,800
A já klikněte na něj tam a
podívej se, co to udělal, to upozornil.

162
00:07:51,800 --> 00:07:56,140
To vyskočila tento druh box vyprávění
mi, že je aktuální čas, zřejmě

163
00:07:56,140 --> 00:07:59,370
je listopadovém 4 Na
10:43:43 ráno.

164
00:07:59,370 --> 00:08:02,345
A když jsem se na něj znovu, teď
je to pár vteřin později, jo?

165
00:08:02,345 --> 00:08:03,720
Tak to je vše, tato funkce dělá.

166
00:08:03,720 --> 00:08:07,670
Když jsem klikněte na toto tlačítko, to
vyskočí výstražnou zprávu ke mně.

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

168
00:08:13,806 --> 00:08:15,690
Takže je to opravdu není
příliš mnoho funkcí

169
00:08:15,690 --> 00:08:19,110
To je odlišné od PHP,
jen trochu novou syntaxí

170
00:08:19,110 --> 00:08:22,500
, který je dodáván s prací s JavaScriptem.

171
00:08:22,500 --> 00:08:24,650
>> Pole jsou v JavaScriptu
docela jednoduché.

172
00:08:24,650 --> 00:08:27,200
Chcete-li deklarovat pole, použijte
Syntaxe v hranatých závorkách

173
00:08:27,200 --> 00:08:30,090
že jsme obeznámeni s z PHP.

174
00:08:30,090 --> 00:08:33,432
A podobně jako PHP, my
také může míchat datové typy.

175
00:08:33,432 --> 00:08:35,140
Tak tohle pole, a to jak
z těchto polí by

176
00:08:35,140 --> 00:08:36,960
být naprosto legitimní JavaScript.

177
00:08:36,960 --> 00:08:42,500
Jeden, který je všechny celá čísla, a ten, který
smíchání různé datové typy.

178
00:08:42,500 --> 00:08:45,020
>> Co je to něco zcela jiného
v JavaScriptu, i když?

179
00:08:45,020 --> 00:08:47,020
To je pojem objektu.

180
00:08:47,020 --> 00:08:50,240
Tak snad jste slyšeli o
objektově orientovaného programování.

181
00:08:50,240 --> 00:08:53,370
Nechceme dělat hodně to v CS50,
ale uděláme trochu z toho

182
00:08:53,370 --> 00:08:55,670
zde v kontextu JavaScript.

183
00:08:55,670 --> 00:08:59,100
Nyní JavaScript má schopnost
chovat jako objektově orientovaného programování

184
00:08:59,100 --> 00:09:02,615
jazyka, ale není sama o sobě
výlučně orientované objekt

185
00:09:02,615 --> 00:09:03,490
programovací jazyk.

186
00:09:03,490 --> 00:09:05,281
A to zase přijde
zpět, proč jsem řekl, je

187
00:09:05,281 --> 00:09:10,610
může být velmi náročné se učit
JavaScript jako první programování

188
00:09:10,610 --> 00:09:13,890
jazyk, protože to není
opravdu fit zvláštní paradigma.

189
00:09:13,890 --> 00:09:16,430
>> C na druhé straně je
funkční programovací jazyk.

190
00:09:16,430 --> 00:09:22,270
Chceme-li, funkce
druh velkého šéfa muže, ne?

191
00:09:22,270 --> 00:09:24,410
Oni diktovat, co
se stane všechno ostatní.

192
00:09:24,410 --> 00:09:26,600
Chceme změnit proměnné,
nazýváme funkcí.

193
00:09:26,600 --> 00:09:28,220
Děláme věci, k funkcím.

194
00:09:28,220 --> 00:09:31,250
Objekty místo toho, An
objektově orientovaný jazyk,

195
00:09:31,250 --> 00:09:35,937
objekty druh se stal hvězdou a
Funkce se stal jakýmsi sekundární.

196
00:09:35,937 --> 00:09:38,270
Ale to, co je objekt, co
je tento pojem objektu?

197
00:09:38,270 --> 00:09:40,880
No, jestli to pomůže, myslím,
o tom na první druh

198
00:09:40,880 --> 00:09:44,540
jako se struktury C nebo struct
že jsme se dozvěděli o dříve.

199
00:09:44,540 --> 00:09:47,430
V C, struktura obsahuje
počet polí,

200
00:09:47,430 --> 00:09:51,174
a možná bychom teď se může začít
nazývají tato pole vlastnosti.

201
00:09:51,174 --> 00:09:53,590
Ale vlastnosti nikdy
stát na vlastních, že jo?

202
00:09:53,590 --> 00:09:56,410
Mám-li definovat strukturu pro auto
takto se těchto dvou

203
00:09:56,410 --> 00:10:00,750
polí nebo vlastnosti, jedno letadlo AN
celé číslo, pro rok vozu

204
00:10:00,750 --> 00:10:04,290
a další 10 charakter
řetězec pro model vozu,

205
00:10:04,290 --> 00:10:07,150
Mohu říci něco takového,
Mohu deklarovat novou proměnnou

206
00:10:07,150 --> 00:10:10,080
typu struct auta Herbie.

207
00:10:10,080 --> 00:10:13,730
A pak můžu něco říct
jako herbie.year se rovná 1963,

208
00:10:13,730 --> 00:10:15,850
a herbie.model rovná Beetle.

209
00:10:15,850 --> 00:10:17,000
To je v pohodě.

210
00:10:17,000 --> 00:10:19,680
Jsem pomocí polí v
kontext struktury,

211
00:10:19,680 --> 00:10:22,290
ale já jsem mohl nikdy jen
říkat něco takového.

212
00:10:22,290 --> 00:10:22,790
Právo?

213
00:10:22,790 --> 00:10:26,836
Nemohu použít název pole
nezávislé na struktuře.

214
00:10:26,836 --> 00:10:28,210
Je to něco jako zásadní věc.

215
00:10:28,210 --> 00:10:32,990
>> Tak pole bytí
základní pro C struktur

216
00:10:32,990 --> 00:10:39,050
jsou velmi podobné vlastnosti bytí
zásadní k objektům JavaScript.

217
00:10:39,050 --> 00:10:42,080
Ale to, co z nich dělá
zvláště zajímavé

218
00:10:42,080 --> 00:10:46,230
je to, že předměty mohou mít také co
se nazývají metody, které jsou opravdu

219
00:10:46,230 --> 00:10:50,730
jen fantazie slovo pro funkce, které
jsou vlastní objekt stejně.

220
00:10:50,730 --> 00:10:55,340
Takže je to funkce, která může být pouze
volal v rámci objektu.

221
00:10:55,340 --> 00:10:59,200
Pouze objekt, který definoval
Tato funkce uvnitř ITS,

222
00:10:59,200 --> 00:11:02,020
pokud si myslíte, asi
struct, funkce

223
00:11:02,020 --> 00:11:05,720
je definována v těch, která vymezují
složené závorky konstrukce.

224
00:11:05,720 --> 00:11:07,980
Takže to jen něco, co znamená
do konstrukce.

225
00:11:07,980 --> 00:11:10,960
A to je to tak nějak to, co děláme
zde s objekty a metodami.

226
00:11:10,960 --> 00:11:13,580
Je to v podstatě jako bychom byli
definování funkce, která

227
00:11:13,580 --> 00:11:16,670
má smysl pouze na
Konkrétní předmět, a tak jsme

228
00:11:16,670 --> 00:11:19,440
volání, že způsobem podle objektu.

229
00:11:19,440 --> 00:11:23,180
A nikdy nemůžeme říkat, že
Funkce nezávislé na objektu,

230
00:11:23,180 --> 00:11:29,260
stejně jako nemůžeme říci rok nebo modelu
nezávisle na struct v C.

231
00:11:29,260 --> 00:11:32,300
>> Tak funkcionální programování
paradigmata vypadat nějak takto.

232
00:11:32,300 --> 00:11:35,450
Funkce a poté při předání
v objektu jako parametr.

233
00:11:35,450 --> 00:11:38,650
V objektově orientovaného programování
jazyky, tento druh dostane

234
00:11:38,650 --> 00:11:43,464
vyletěl, a my bychom přemýšlet o tom,
to takhle, object.function.

235
00:11:43,464 --> 00:11:45,380
Tak to nějak tohoto bodu
operátor opět implikovat

236
00:11:45,380 --> 00:11:49,540
že je to nějaký druh nemovitosti
nebo atribut samotného objektu.

237
00:11:49,540 --> 00:11:53,240
Ale to je to, co je objekt
orientovaný programovací jazyk

238
00:11:53,240 --> 00:11:57,150
by mohl udělat, aby funkce
volání na metodě, znovu, což

239
00:11:57,150 --> 00:12:00,260
je jen speciální slovo pro funkci
která je vlastní objekt.

240
00:12:00,260 --> 00:12:03,440
To je to, co, že
syntax by mohla vypadat.

241
00:12:03,440 --> 00:12:09,360
A tak začneme vidět některé z
to v souvislosti s JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Můžete si také myslet o objektu
něco jako asociativní pole,

243
00:12:12,470 --> 00:12:14,160
který jsme obeznámeni s z PHP.

244
00:12:14,160 --> 00:12:17,720
Nezapomeňte, asociativní pole umožňuje
abychom měli klíče a hodnoty, místo toho

245
00:12:17,720 --> 00:12:23,040
mít indexů 0, jedna, dva, tři,
a tak dále, jako jsme zvyklí z C

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

247
00:12:23,940 --> 00:12:27,472
Asociativní pole mohou mapovat
slova, jako například ve videu PHP,

248
00:12:27,472 --> 00:12:29,180
jsme mluvili o
zálivky pizz.

249
00:12:29,180 --> 00:12:31,180
A tak jsme měli celou řadu
tzv pizzy, a my

250
00:12:31,180 --> 00:12:36,670
měl sýr byl klíčovým a $ 8,99 byl
hodnota, a poté pepperoni byl klíčovým,

251
00:12:36,670 --> 00:12:39,190
$ 9,99 byla hodnota, a tak dále.

252
00:12:39,190 --> 00:12:43,300
A tak můžeme také přemýšlet o
objekt nějak podobně jako asociativní

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

254
00:12:43,840 --> 00:12:47,020
A tak tato syntaxe zde
by vytvořil nový objekt

255
00:12:47,020 --> 00:12:50,950
volal Herbie se dvěma
Vlastnosti uvnitř ní.

256
00:12:50,950 --> 00:12:57,310
Rok, který má hodnotu 1963,
a model, který je přiřazen řetězec

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

258
00:12:58,140 --> 00:13:01,770
>> A všimněte si, že tady jsem pomocí
jednoduché uvozovky v JavaScriptu.

259
00:13:01,770 --> 00:13:05,570
Můžete použít jednoduché nebo dvojité uvozovky
když mluvíte o řetězcích.

260
00:13:05,570 --> 00:13:07,772
Je to jen konvenčně
případě, že se většina časů

261
00:13:07,772 --> 00:13:10,230
když píšete JavaScript,
stačí použít apostrofy.

262
00:13:10,230 --> 00:13:15,050
Ale já jsem mohl použít uvozovek tady, a
který by byl zcela v pořádku také.

263
00:13:15,050 --> 00:13:17,470
>> Takže pamatujte, jak v
PHP jsme měli tento pojem

264
00:13:17,470 --> 00:13:22,730
ze for each, že by nám umožňují
iterovat přes všechny hodnoty klíče

265
00:13:22,730 --> 00:13:25,270
párů asociativní
pole, protože jsme

266
00:13:25,270 --> 00:13:29,050
neměl tuto schopnost iterování
až 0 ° C, jeden, dva, tři, čtyři,

267
00:13:29,050 --> 00:13:30,710
a tak dále?

268
00:13:30,710 --> 00:13:35,010
JavaScript má něco velmi podobného,
ale není to nazývá pro každou smyčku,

269
00:13:35,010 --> 00:13:38,960
je to nazývá ve smyčkách.

270
00:13:38,960 --> 00:13:42,890
Takže když jsem řekl, pro mě jako
to pro var klíč v objektu,

271
00:13:42,890 --> 00:13:48,670
že to trochu podobné jako říkat
Pro každý něco jako něco.

272
00:13:48,670 --> 00:13:53,850
Ale všechno, co dělám tady je iterace
přes všechny klíče mého objektu.

273
00:13:53,850 --> 00:13:56,070
A uvnitř kudrnaté
šle tam, udělal bych to

274
00:13:56,070 --> 00:14:03,410
použití objektu hranatých závorkách klávesu odkazovat
na hodnotu v daném umístění klíče.

275
00:14:03,410 --> 00:14:05,400
>> Jinak, tam je
i jiný přístup.

276
00:14:05,400 --> 00:14:10,880
Kdybych právě jen péče o
Hodnoty, mohu říci, na klíč objektu,

277
00:14:10,880 --> 00:14:12,360
a stačí použít klávesu uvnitř.

278
00:14:12,360 --> 00:14:17,240
Takže pro var klíč v objektu, mám
použít objekt hranaté závorky

279
00:14:17,240 --> 00:14:19,340
klíč uvnitř smyčky.

280
00:14:19,340 --> 00:14:24,580
Pro var klíče objektu, mohu
stačí použít klávesu uvnitř smyčky,

281
00:14:24,580 --> 00:14:29,040
protože já jsem jen specificky
tam mluví o hodnotách.

282
00:14:29,040 --> 00:14:32,630
>> Takže pojďme možná trvat
podívejte se na rozdíl

283
00:14:32,630 --> 00:14:35,670
jen proto, aby se rychle ukázat vám,
rozdíl mezi čtyři

284
00:14:35,670 --> 00:14:40,730
v a spolu s velmi specifickým
pole, které tady máme, týden pole.

285
00:14:40,730 --> 00:14:43,616
Tak jsem si najít nové pole
že jsem naplněn sedmi řetězců,

286
00:14:43,616 --> 00:14:46,240
Pondělí, úterý, středa,
Čtvrtek, pátek, sobota, neděle.

287
00:14:46,240 --> 00:14:50,530
A já chci teď iteraci
prostřednictvím tohoto pole,

288
00:14:50,530 --> 00:14:53,090
vytisknout určité informace.

289
00:14:53,090 --> 00:14:58,780
Mám-li použít pro ve smyčce
vytisknout informace,

290
00:14:58,780 --> 00:15:00,710
co si myslíte, že budu mít?

291
00:15:00,710 --> 00:15:01,710
Dobře, pojďme se podívat.

292
00:15:01,710 --> 00:15:05,300
A předtím, než jsme přeskočit
do okna mého prohlížeče,

293
00:15:05,300 --> 00:15:08,090
jen vím, že
console.log je trochu jednoho

294
00:15:08,090 --> 00:15:10,630
způsob, jak dělat tiskové F v JavaScriptu.

295
00:15:10,630 --> 00:15:12,040
Ale co je konzole?

296
00:15:12,040 --> 00:15:14,940
No, to je to, co budeme
jít se podívat na právě teď.

297
00:15:14,940 --> 00:15:16,850
>> OK, takže jsme zpátky
v mém okně prohlížeče,

298
00:15:16,850 --> 00:15:19,410
a jdu otevřít
up mých vývojářských nástrojů.

299
00:15:19,410 --> 00:15:22,290
Opět jsem jen bít F12
otevřít vývojářské nástroje.

300
00:15:22,290 --> 00:15:25,670
A všimněte si, že tady u
top jsem zvolil konzole.

301
00:15:25,670 --> 00:15:28,480
Tak to je pojem
z vývojářské konzoli,

302
00:15:28,480 --> 00:15:30,500
a to nám umožní
vytisknout informace ven,

303
00:15:30,500 --> 00:15:33,000
něco jako terminálu, ale
jak budete o něco později vidět,

304
00:15:33,000 --> 00:15:37,720
můžeme také zadat informace
komunikovat s naší webové stránce.

305
00:15:37,720 --> 00:15:42,320
Chystám se přiblížit trochu tady,
a budu teď klikněte na v testu.

306
00:15:42,320 --> 00:15:45,230
A čtyři test-- nebudu
ukáže kód pro něj právě teď,

307
00:15:45,230 --> 00:15:47,479
ale budete to pochopíte, pokud jste
stáhnout zdrojový kód, který

308
00:15:47,479 --> 00:15:50,380
je spojena s tímto video--
je jen, že v smyčce

309
00:15:50,380 --> 00:15:52,610
že jsme viděli jen
sekunda na snímku.

310
00:15:52,610 --> 00:15:54,810
>> Takže já jsem chtěl, aby klikněte
tlačítko, a tady,

311
00:15:54,810 --> 00:15:58,440
tady je to, co se vytisknout v
konzola, 0, jeden, dva, tři, čtyři, pět,

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

313
00:15:58,940 --> 00:16:02,490
Nechtěl jsem vytisknout informace
uvnitř těchto pole místech,

314
00:16:02,490 --> 00:16:05,180
protože jsem použil v smyčce.

315
00:16:05,180 --> 00:16:10,670
A uvnitř těla smyčky, I
jen vytisknout klíč nic namítat klíč.

316
00:16:10,670 --> 00:16:18,600
Ale když jsem teď jasné svou konzolu, a já
přepnout na na zkoušky, a čtyři z testu

317
00:16:18,600 --> 00:16:22,500
Říkám, že jsem použít pro smyčky
Místo a vytisknout klíč,

318
00:16:22,500 --> 00:16:28,079
když jsem klikněte na to, že teď jsem dostat to
Skutečné prvky uvnitř mého objektu

319
00:16:28,079 --> 00:16:29,120
, nebo moje pole v tomto případě.

320
00:16:29,120 --> 00:16:31,760
Má řadu dnů v týdnu.

321
00:16:31,760 --> 00:16:33,480
I vytisknout Pondělí,
Úterý středa.

322
00:16:33,480 --> 00:16:36,930
Tak to je rozdíl mezi
for ve smyčce, což vytiskne

323
00:16:36,930 --> 00:16:43,410
jen klíče, pokud jste právě použijte klávesu
uvnitř těla smyčky,

324
00:16:43,410 --> 00:16:46,850
a pro smyčky, které publikují
out hodnoty, pokud použijete právě

325
00:16:46,850 --> 00:16:48,870
klíč uvnitř těla smyčky.

326
00:16:48,870 --> 00:16:52,380
>> Dobře, jak jsme teď začít
zřetězit řetězce a možná smíchat

327
00:16:52,380 --> 00:16:57,220
některé proměnné s interpolací
jako bychom byli schopni udělat v PHP?

328
00:16:57,220 --> 00:16:59,410
No, my jsme docela obeznámeni
s tím z PHP.

329
00:16:59,410 --> 00:17:04,109
To je, jak bychom to udělat pomocí
dot provozovatel zřetězit řetězce.

330
00:17:04,109 --> 00:17:06,260
V JavaScriptu, ačkoli,
jsme vlastně použít něco

331
00:17:06,260 --> 00:17:09,290
volal operátor plus, který
je možná i trochu víc

332
00:17:09,290 --> 00:17:10,470
intuitivní, že jo?

333
00:17:10,470 --> 00:17:12,609
Jsme přidávání spoustu
řetězců dohromady.

334
00:17:12,609 --> 00:17:14,520
Takže pojďme vrátíme
nad a uvidíte, co to

335
00:17:14,520 --> 00:17:18,693
se bude tisknout, pokud se snažíme vytisknout
všechny informace v týdnu poli.

336
00:17:18,693 --> 00:17:20,859
Dobře, tak za tu
pod zřetězením řetězce,

337
00:17:20,859 --> 00:17:24,822
Mám dvě možnosti, string budova
V1 a pak řetězec budova V2.

338
00:17:24,822 --> 00:17:26,530
A uvidíme, proč jsme
Potřebujete V2 v druhém.

339
00:17:26,530 --> 00:17:28,610
Ale budu klikněte na
string budova V1, který

340
00:17:28,610 --> 00:17:30,360
je kód jsme byli
Jen při pohledu na,

341
00:17:30,360 --> 00:17:32,980
console.log se všemi plusy.

342
00:17:32,980 --> 00:17:35,910
Uvidíme, jestli toto výtisků
to, co očekáváme.

343
00:17:35,910 --> 00:17:39,939
>> Pondělí je den číslo 01 v týdnu,
Úterý den číslo 11 v týdnu.

344
00:17:39,939 --> 00:17:41,730
No, co jsem se snažil
udělat, bylo dostat se tam

345
00:17:41,730 --> 00:17:46,280
to vytisknout pondělí je den číslo
člověk, v úterý je den číslo dvě.

346
00:17:46,280 --> 00:17:50,140
Ale zdá se, jako bych
vždy vytisknout jeden.

347
00:17:50,140 --> 00:17:51,260
Tak proč je to?

348
00:17:51,260 --> 00:17:55,600
No, to dopadá, se znovu podívat
v této malé fragment kódu zde.

349
00:17:55,600 --> 00:18:00,160
Všimněte si, že jsme pomocí tlačítek plus
operátor ve dvou různých kontextech.

350
00:18:00,160 --> 00:18:03,221
>> A tak tady je místo, kde se věci možná
že jsme trochu říkali,

351
00:18:03,221 --> 00:18:03,970
Oh, to je tak velký.

352
00:18:03,970 --> 00:18:05,910
Nechceme jednat s datovými typy ještě.

353
00:18:05,910 --> 00:18:08,220
Ale tady je místo, kde skutečnost,
že ztrácíme datové typy

354
00:18:08,220 --> 00:18:10,960
může být ve skutečnosti trochu
problém pro nás.

355
00:18:10,960 --> 00:18:16,260
Nyní, když operátor a je používán
zřetězit řetězce a přidat čísla

356
00:18:16,260 --> 00:18:19,550
spolu, JavaScript má
aby se jeho nejlepší odhad

357
00:18:19,550 --> 00:18:22,030
pokud jde o to, co chci, aby to pro mě udělat.

358
00:18:22,030 --> 00:18:23,900
A v tomto případě, uhodli jste špatně.

359
00:18:23,900 --> 00:18:29,340
Prostě dlouhých den, který by byl
0, jeden, dva, tři, čtyři, pět, nebo šest,

360
00:18:29,340 --> 00:18:32,060
a pak to prostě zřetězeny
to a potom zřetězeny jeden.

361
00:18:32,060 --> 00:18:35,020
Nebylo vlastně přidat je dohromady.

362
00:18:35,020 --> 00:18:37,320
A tak tyto jazyky,
PHP a JavaScript,

363
00:18:37,320 --> 00:18:39,196
že souhrny pryč
tento pojem typů,

364
00:18:39,196 --> 00:18:40,820
nemusíte se už se s tím vyrovnat.

365
00:18:40,820 --> 00:18:43,600
Oni ještě mají typy pod kapotou.

366
00:18:43,600 --> 00:18:46,780
A můžeme, v situacích,
takhle, využít tuto skutečnost

367
00:18:46,780 --> 00:18:49,240
tím, že říká něco,
Třeba to, což

368
00:18:49,240 --> 00:18:53,210
říká JavaScript, touto
cesta, léčit to jako celé číslo,

369
00:18:53,210 --> 00:18:57,100
nebudete léčit jako řetězec, a to i
i když jsme smísení řetězce

370
00:18:57,100 --> 00:18:58,940
a celá čísla zde.

371
00:18:58,940 --> 00:19:02,204
>> Je to jen jedna z těch věcí,
že se zdá, tak velký v souvislostech

372
00:19:02,204 --> 00:19:04,120
že nemáme na
vypořádat se s typy už,

373
00:19:04,120 --> 00:19:05,828
ale někdy budete
běžet do situace,

374
00:19:05,828 --> 00:19:09,110
stejně jako to, kde se skutečnost, že
nemáte kontrolu nad typy

375
00:19:09,110 --> 00:19:11,220
může selhat na vás
pokud si nedáte pozor.

376
00:19:11,220 --> 00:19:18,285
A tak pokud bychom pop zpátky k IDE, jsem
bude znovu vyklidit svou konzolu,

377
00:19:18,285 --> 00:19:20,660
a budu klikněte na řetězce
budova verze dvou, což

378
00:19:20,660 --> 00:19:23,052
je místo, kde jsem použít tuto funkci parse int.

379
00:19:23,052 --> 00:19:25,260
Teď je to vytištění
Informace, které jsem očekával.

380
00:19:25,260 --> 00:19:29,330
Pondělní den číslo jedna, v úterý
je den číslo dvě, a tak dále.

381
00:19:29,330 --> 00:19:31,170
>> Tak pojďme mluvit o funkcích znovu.

382
00:19:31,170 --> 00:19:34,790
Slíbil jsem, že mluvit o anonymitě
funkce, a teď za to kontext

383
00:19:34,790 --> 00:19:36,360
je konečně tady.

384
00:19:36,360 --> 00:19:39,980
Takže než tak učiníme, pojďme mluvit znovu
o polích jen na vteřinu.

385
00:19:39,980 --> 00:19:42,120
Takže pole jsou zvláštním
Případ objektu.

386
00:19:42,120 --> 00:19:45,180
Ve skutečnosti, všechno v
JavaScript je vlastně objekt.

387
00:19:45,180 --> 00:19:47,190
Takže funkce jsou
Speciálním případem objektu,

388
00:19:47,190 --> 00:19:49,770
celá čísla jsou zvláštním
Případ objektu,

389
00:19:49,770 --> 00:19:52,152
ale pole specificky
mají řadu metod.

390
00:19:52,152 --> 00:19:55,110
Nezapomeňte proto, že jsou objekty,
mohou mít vlastnosti a metody.

391
00:19:55,110 --> 00:19:58,600
Mají řadu metod, které
mohou být aplikovány na tyto objekty.

392
00:19:58,600 --> 00:20:01,197
K dispozici je metoda zvaná
velikost, array.size,

393
00:20:01,197 --> 00:20:03,030
, které se vrátí do
jste jak se dalo očekávat

394
00:20:03,030 --> 00:20:05,120
počet prvků ve vašem poli.

395
00:20:05,120 --> 00:20:08,480
Array.pop, něco jako
Naše představa popping off

396
00:20:08,480 --> 00:20:11,110
ze zásobníku, pokud si vzpomínáte
z našeho stohů videa,

397
00:20:11,110 --> 00:20:13,810
odstraní poslední prvek z pole.

398
00:20:13,810 --> 00:20:17,110
Array.push přidává nový prvek
na konec pole.

399
00:20:17,110 --> 00:20:20,910
array.shift je druh
jako DQ,, spojuje se

400
00:20:20,910 --> 00:20:23,610
úplně první prvek pole.

401
00:20:23,610 --> 00:20:27,549
>> Ale je tu i další speciální
Způsob pole zvané mapu.

402
00:20:27,549 --> 00:20:29,340
A to je jakýsi
zajímavý koncept.

403
00:20:29,340 --> 00:20:30,930
Takže to, co je myšlenka na mapě?

404
00:20:30,930 --> 00:20:33,880
Budete skutečně vidět
v několika dalších jazycích,

405
00:20:33,880 --> 00:20:38,550
a my nemluvíme asi
druh kartografů map tady,

406
00:20:38,550 --> 00:20:41,480
mluvíme o mapování funkce.

407
00:20:41,480 --> 00:20:44,110
V souvislosti jsme
tady mluvíš, mapa

408
00:20:44,110 --> 00:20:47,950
je speciální operace nám
může hrát na poli

409
00:20:47,950 --> 00:20:51,630
uplatňovat určité funkce
na každý prvek této matice.

410
00:20:51,630 --> 00:20:55,190
a tak bychom říci
tento případ, možná array.map,

411
00:20:55,190 --> 00:21:00,330
a uvnitř ní, jsme kolem
do mapy je funkce, která chceme

412
00:21:00,330 --> 00:21:02,430
které mají být použity na každý prvek.

413
00:21:02,430 --> 00:21:07,299
Takže je to něco analogický k používání
smyčky pro iteraci přes každý element

414
00:21:07,299 --> 00:21:09,340
a použít zvláštní
fungují tak, že každý prvek,

415
00:21:09,340 --> 00:21:14,830
Jen JavaScript byl tento postavena v roce
ponětí o mapování, které lze použít.

416
00:21:14,830 --> 00:21:19,700
A je to skvělý kontext
hovořit o anonymní funkce.

417
00:21:19,700 --> 00:21:22,370
>> Takže řekněme, že máme
toto pole celých čísel.

418
00:21:22,370 --> 00:21:25,370
Říká se tomu nums, a je to tu pět
věci v tom, jeden, dva, tři, čtyři,

419
00:21:25,370 --> 00:21:26,410
pět.

420
00:21:26,410 --> 00:21:30,620
Teď chci zmapovat některé
funkce na tomto poli.

421
00:21:30,620 --> 00:21:34,337
Chci mít aplikovat funkci
na každý prvek pole.

422
00:21:34,337 --> 00:21:37,420
No, řekněme, že to, co chci
udělat, je jen dvojnásobek všech prvků.

423
00:21:37,420 --> 00:21:42,520
To, co jsem mohl udělat, je jen použít smyčku
pro var I rovna 0, I je menší než

424
00:21:42,520 --> 00:21:47,390
nebo se rovná 4, I plus, plus, a
pak dvakrát každý číslo.

425
00:21:47,390 --> 00:21:49,580
Ale já si také udělat něco takového.

426
00:21:49,580 --> 00:21:53,420
Mohu říci, nums byl dříve
Jedna dva tři čtyři pět,

427
00:21:53,420 --> 00:21:58,310
Nyní, i když bych rád, abyste
aplikovat mapování na tomto poli

428
00:21:58,310 --> 00:22:00,400
kde bych rád
zdvojnásobit každé číslo.

429
00:22:00,400 --> 00:22:02,540
A to je přesně to,
co se tady děje.

430
00:22:02,540 --> 00:22:06,870
Ale všimnout, co jsem kolem
se jako argument mapovat.

431
00:22:06,870 --> 00:22:09,080
Jedná se o anonymní funkce.

432
00:22:09,080 --> 00:22:11,140
A všimněte si já nedal
tato funkce jméno,

433
00:22:11,140 --> 00:22:13,290
Dal jsem to pouze seznam parametrů.

434
00:22:13,290 --> 00:22:16,370
A tak toto je příklad
z anonymní funkce.

435
00:22:16,370 --> 00:22:21,270
>> Jsme se obecně nikdy nazvat
Funkce mimo kontextu mapy.

436
00:22:21,270 --> 00:22:24,110
My ji definuje jako parametr
zmapovat, a tak jsme opravdu nemám

437
00:22:24,110 --> 00:22:27,910
musí mít jeho název v případě, že
Jediná věc, která se stará o je mapa

438
00:22:27,910 --> 00:22:30,339
a to je definováno právo
tam uvnitř mapy.

439
00:22:30,339 --> 00:22:31,880
A tak to je anonymní funkce.

440
00:22:31,880 --> 00:22:34,680
Nebyli jsme schopni
to udělat dříve.

441
00:22:34,680 --> 00:22:38,400
Mapa nějakou funkci, která
přijímá jeden parametr, num,

442
00:22:38,400 --> 00:22:41,890
a co to dělá funkce
se vrací Num krát 2.

443
00:22:41,890 --> 00:22:45,330
A tak po tomto
mapování byla použita,

444
00:22:45,330 --> 00:22:50,090
toto je nyní jaké nums vzhled
jako, dvě, čtyři, šest, osm, 10.

445
00:22:50,090 --> 00:22:52,090
A budeme pop ke mně
okno prohlížeče a jen

446
00:22:52,090 --> 00:22:55,240
Podívej se na to
velmi rychle také.

447
00:22:55,240 --> 00:22:58,000
>> Takže mám jiné tlačítko zde
v mé domovské stránce s názvem double.

448
00:22:58,000 --> 00:23:03,570
A když jsem klikněte na double, a řekne
me před tím, než byl jeden, dva, tři, čtyři,

449
00:23:03,570 --> 00:23:07,250
Pět po dvě, čtyři, šest, osm, 10.

450
00:23:07,250 --> 00:23:11,930
A když jsem se vrátit a klikněte na double
opět, dvě, čtyři, šest, osm, 10.

451
00:23:11,930 --> 00:23:17,400
A pak po, čtyři,
osmi, 12, 16, a potom 20.

452
00:23:17,400 --> 00:23:20,440
A co dělám v této funkci?

453
00:23:20,440 --> 00:23:25,210
No, pokud bychom jen pop se k IDE, a
Jsem vytáhnout svou anonymní funkce, zde

454
00:23:25,210 --> 00:23:28,780
na lince sedm až 13, já jsem
dělá trochu vymyšleného práci tady,

455
00:23:28,780 --> 00:23:32,240
ale já jsem prostě vytištění
co je v současné době v poli.

456
00:23:32,240 --> 00:23:36,580
Pak se na řádku 16, 17,
a 18, tady je moje mapa.

457
00:23:36,580 --> 00:23:40,930
To je místo, kde jsem uplatňování tohoto zdvojnásobení
Funkce na každý prvek.

458
00:23:40,930 --> 00:23:43,530
A pak se trochu dále,
Dělám jen to samé

459
00:23:43,530 --> 00:23:46,640
Jsem dělal předtím, až teď jsem
vytištění obsah pole

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

461
00:23:48,167 --> 00:23:50,500
Ale všechno, co jsem udělal, je tady
stačí použít anonymní funkce

462
00:23:50,500 --> 00:23:53,640
zmapovat v rámci celé pole.

463
00:23:53,640 --> 00:23:58,466
>> Takže ještě jeden velký téma mluvit o v
JavaScript je ponětí o události.

464
00:23:58,466 --> 00:24:01,590
Událost je něco, co se právě děje
Když uživatel pracuje s web

465
00:24:01,590 --> 00:24:04,715
strana, takže možná, že klikněte na něco,
nebo možná je stránka dokončení načítání,

466
00:24:04,715 --> 00:24:07,200
nebo možná, že jsem se stěhoval
jejich myš nad něčím,

467
00:24:07,200 --> 00:24:09,290
nebo že jsem napsal něco
ve vstupním poli.

468
00:24:09,290 --> 00:24:14,260
Všechny tyto věci jsou události
, které se vyskytují na naší webové stránce.

469
00:24:14,260 --> 00:24:17,460
A JavaScript má
schopnost podporovat něco,

470
00:24:17,460 --> 00:24:21,760
volal zpracování události, která
je funkce zpětného volání, že

471
00:24:21,760 --> 00:24:23,329
reaguje na html události.

472
00:24:23,329 --> 00:24:24,620
A co je funkce zpětného volání?

473
00:24:24,620 --> 00:24:27,328
No, je to obvykle jen další
jméno pro anonymní funkce.

474
00:24:27,328 --> 00:24:30,170
Je to funkce, která
reaguje na událost.

475
00:24:30,170 --> 00:24:34,130
A to je místo, kde se dostáváme k
Myšlenka na vázání určité funkce

476
00:24:34,130 --> 00:24:38,060
na konkrétní html atributu.

477
00:24:38,060 --> 00:24:41,420
Většina html elementy mají
Podpora pro atribut

478
00:24:41,420 --> 00:24:45,170
že jsme neměli mluvit o v html
Video pro něco jako na kliknutí

479
00:24:45,170 --> 00:24:50,540
nebo na visu nebo na zatížení,
všech těchto akcích

480
00:24:50,540 --> 00:24:53,120
které pak můžete psát funkce
které se zabývají těmito událostmi

481
00:24:53,120 --> 00:24:56,090
když tyto události
se vyskytují na své webové stránce.

482
00:24:56,090 --> 00:24:59,170
>> A tak možná vaše html
vypadá nějak takto.

483
00:24:59,170 --> 00:25:02,240
A mám dvě tlačítka zde,
Tlačítko jednoho a tlačítko dva,

484
00:25:02,240 --> 00:25:04,620
a zde mám v současné době
definováno nic,

485
00:25:04,620 --> 00:25:11,170
ale to je místo, kde atribut
click je zřejmě součástí mé html tagu.

486
00:25:11,170 --> 00:25:15,220
Tak prý, když jsem definovat, co je to
děje uvnitř tohoto atributu,

487
00:25:15,220 --> 00:25:18,590
že to bude nějaký JavaScript
funkce, která reaguje na události

488
00:25:18,590 --> 00:25:24,360
pravděpodobně kliknutí na
Tlačítko jeden nebo tlačítko dva.

489
00:25:24,360 --> 00:25:28,580
>> Co je to docela fajn o tom je, že jsme
Můžete napsat generický obsluhu události.

490
00:25:28,580 --> 00:25:32,370
A tato událost bude Handler
vytvořit objekt události.

491
00:25:32,370 --> 00:25:37,000
A objekt události nám řekne
která z těchto dvou tlačítek klikl.

492
00:25:37,000 --> 00:25:38,064
Nyní, jak to funguje?

493
00:25:38,064 --> 00:25:39,730
No, mohlo by to vypadat nějak takhle.

494
00:25:39,730 --> 00:25:44,860
Takže jsme se nejprve definovat naše tlačítek
mít odezvu na zpětné volání

495
00:25:44,860 --> 00:25:47,470
funkce, která se bude jmenovat
Při klepnutí na tlačítko,

496
00:25:47,470 --> 00:25:49,520
zavoláme Název srazu upozornění.

497
00:25:49,520 --> 00:25:53,320
A všimněte si v obou případech jsme
absolvování v tomto parametru události.

498
00:25:53,320 --> 00:25:55,460
Proto nazýváme tuto funkci
nebo pokud je tato funkce

499
00:25:55,460 --> 00:26:00,330
je spouštěn událostí děje,
to bude k vytvoření tohoto objektu události

500
00:26:00,330 --> 00:26:03,300
a předat ji jako
parametr upozornit jméno.

501
00:26:03,300 --> 00:26:07,270
A že objekt události je
bude obsahovat informace

502
00:26:07,270 --> 00:26:09,800
o tom, které tlačítko byl klepli.

503
00:26:09,800 --> 00:26:11,580
A jak to dělá, že?

504
00:26:11,580 --> 00:26:13,654
No, mohlo by to vypadat nějak takhle.

505
00:26:13,654 --> 00:26:15,570
Takže teď v mém oddělený
Soubor JavaScript, možná jsem

506
00:26:15,570 --> 00:26:17,420
muset najít to
Funkce upozornění pro název, který

507
00:26:17,420 --> 00:26:19,500
znovu uznává, že parametr události.

508
00:26:19,500 --> 00:26:24,640
A pak tady je místo, kde jsem odhalování
které tlačítko byla spuštěna,

509
00:26:24,640 --> 00:26:28,100
var spoušť rovná událost
tečka source element.

510
00:26:28,100 --> 00:26:33,150
Co bylo zdrojem, který vytvořil
Tento objekt události, který byl předán v?

511
00:26:33,150 --> 00:26:36,390
Byla to jednou tlačítko nebo je to tlačítko dvě?

512
00:26:36,390 --> 00:26:40,710
>> A pak tady všechno, co dělám, je
vytisknout trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
No, v tomto případě, v tomto
kontext, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
je právě to, co je napsáno na tlačítku.

515
00:26:45,940 --> 00:26:48,830
To jen tak se stane, když skočíme
zpět na vteřinu, že by

516
00:26:48,830 --> 00:26:51,670
být to, co je mezi těmito tlačítky značky.

517
00:26:51,670 --> 00:26:54,150
Bude to tlačítko jednou nebo dvěma tlačítko.

518
00:26:54,150 --> 00:26:57,320
A pojďme se podívat na
jak tato událost by handler

519
00:26:57,320 --> 00:27:01,080
podívejte se, jestli jsme měli to běží v praxi.

520
00:27:01,080 --> 00:27:03,850
>> Takže v první řadě, nemáš
otevřely events.js,

521
00:27:03,850 --> 00:27:06,517
což je soubor JavaScript, kde
Definoval jsem tuto funkci.

522
00:27:06,517 --> 00:27:08,558
A jak můžete vidět, je to
skoro přesně to, co

523
00:27:08,558 --> 00:27:10,230
jsme právě viděli na snímku před vteřinou.

524
00:27:10,230 --> 00:27:14,890
A já budu jít přes do
Domovská stránka jsme používali.

525
00:27:14,890 --> 00:27:17,660
A mám tady Tlačítko
jednoho a tlačítko dva.

526
00:27:17,660 --> 00:27:19,820
A já budu klikněte na tlačítko jeden.

527
00:27:19,820 --> 00:27:23,930
Jste klikli na tlačítko jedna, pokud jste
můžete vidět přímo zde v pohotovosti.

528
00:27:23,930 --> 00:27:25,810
DOBŘE.

529
00:27:25,810 --> 00:27:28,980
Klikněte na tlačítko dva, vás
kliknul na tlačítko dvě.

530
00:27:28,980 --> 00:27:32,150
>> Takže obě tlačítka mají
Stejná funkce volání, že jo?

531
00:27:32,150 --> 00:27:35,840
Oba byli ve střehu název
událost, ale tento objekt události

532
00:27:35,840 --> 00:27:41,900
který se vytvořil, když klikneme na
říká nám, které tlačítko byl klepli.

533
00:27:41,900 --> 00:27:44,650
Nemuseli jsme psát dva oddělené
funkce nebo řešení s

534
00:27:44,650 --> 00:27:46,470
předat jakékoliv další informace.

535
00:27:46,470 --> 00:27:48,220
Jsme jen spoléhat na
co JavaScript bude

536
00:27:48,220 --> 00:27:53,772
udělat pro nás, což je vytvořit, že
druh objektu události v našem zastoupení.

537
00:27:53,772 --> 00:27:56,730
Je tu mnohem víc než do JavaScriptu
to, co jsme probrali v tomto videu,

538
00:27:56,730 --> 00:27:58,521
ale s těmito
Základním byste měli dostat

539
00:27:58,521 --> 00:28:00,690
poměrně dlouhé cesty k
učení vše, co budete

540
00:28:00,690 --> 00:28:04,030
potřebujete vědět o této
zajímavý jazyk.

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

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

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