1
00:00:00,000 --> 00:00:03,840
>> [音楽再生]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD：だから今では、私たちは古いです
Webプログラミングでのプロ、右？

4
00:00:08,690 --> 00:00:12,140
そして、我々はいくつか紹介してきました
個々のビデオで言語。

5
00:00:12,140 --> 00:00:14,690
そして今のはもう一つは、JavaScriptを実行してみましょう。

6
00:00:14,690 --> 00:00:17,370
>> まず良いニュースは、JavaScript
最新のプログラミングで

7
00:00:17,370 --> 00:00:21,410
PHPのような多くの言語
構文はCから派生し、

8
00:00:21,410 --> 00:00:22,830
そのためには、開始するには良い場所です。

9
00:00:22,830 --> 00:00:25,880
それだけでなく、PHPと同じくらい古いです、
約20年の周りされました。

10
00:00:25,880 --> 00:00:28,600
それは周りの発明されました
PHPと同じ時間。

11
00:00:28,600 --> 00:00:32,240
そして、JavaScriptが実際にはかなりあります
ユーザーエクスペリエンスの基本

12
00:00:32,240 --> 00:00:32,740
ウェブの。

13
00:00:32,740 --> 00:00:34,448
実際には、あります
その私が3つの言語

14
00:00:34,448 --> 00:00:38,480
ソートの作ると言うでしょう
相互作用のユーザーエクスペリエンス

15
00:00:38,480 --> 00:00:42,650
ウェブサイトで、HTML、
CSS、およびJavaScript。

16
00:00:42,650 --> 00:00:46,030
そして、今の話をしましょう
JavaScriptのについて少し。

17
00:00:46,030 --> 00:00:50,301
>> 悪いニュースは、しかし、ではJavaScriptがあります
それは自身のためのルールの多くを設定していること、

18
00:00:50,301 --> 00:00:51,300
そしてそれは、それらを破壊します。

19
00:00:51,300 --> 00:00:54,010
そして、JavaScriptが実際にすることができます
学ぶために挑戦の種類、

20
00:00:54,010 --> 00:00:57,000
それは、Cと違っだからと
非常に構成されているPHP、

21
00:00:57,000 --> 00:01:00,270
非常に厳格なルールを持っています
物事が働くことができる方法について。

22
00:01:00,270 --> 00:01:03,690
JavaScriptは種類があり
以下のように柔軟頂い

23
00:01:03,690 --> 00:01:06,650
それ多分物事はするつもりはありません
、我々はそれらを期待するように動作

24
00:01:06,650 --> 00:01:09,830
多分私たちは本当に学ぶことができません
私たちの最初のプログラミング言語

25
00:01:09,830 --> 00:01:10,769
JavaScriptなど。

26
00:01:10,769 --> 00:01:12,810
だから多分それはしていませんので、
自身の任意のルール設定、

27
00:01:12,810 --> 00:01:15,754
それは本当にありません
適切なコーディング習慣を強制します。

28
00:01:15,754 --> 00:01:18,170
しかし、今、私たちはうまくいけば開発しました
いくつかの良いコーディング習慣、

29
00:01:18,170 --> 00:01:21,470
そして私たちは進出を開始することができます
JavaScriptの中に少し。

30
00:01:21,470 --> 00:01:25,750
>> 開口部に似たJavaScriptを、書き込むには
ドットC拡張子を持つCフ​​ァイルアップ

31
00:01:25,750 --> 00:01:29,770
またはドットPHPの拡張子を持つPHPファイル、
私たちが行う必要があるのは、ファイルを開いています

32
00:01:29,770 --> 00:01:31,764
ドットJSファイル拡張子を持ちます。

33
00:01:31,764 --> 00:01:34,430
我々は、特別なを持っている必要はありません
我々のような区切り文字は、PHPでやりました。

34
00:01:34,430 --> 00:01:36,750
角度のその種
ブラケット疑問符PHP

35
00:01:36,750 --> 00:01:40,300
我々はそれから、道に慣れていること
我々が持っているものであることを私たちはブラウザを教えて

36
00:01:40,300 --> 00:01:43,502
JavaScriptは含めることです
それhtmlタグで、

37
00:01:43,502 --> 00:01:46,210
我々はについて少し表示されます
一瞬でそれを行う方法について説明します。

38
00:01:46,210 --> 00:01:48,210
>> なります他の事
JavaScriptの異なります、

39
00:01:48,210 --> 00:01:50,580
しかし、これはクライアント側を実行することです。

40
00:01:50,580 --> 00:01:53,430
だから、PHPでリコール
私たちは本当に参照することができませんでした

41
00:01:53,430 --> 00:01:57,041
ウェブサイトを強調したPHP。

42
00:01:57,041 --> 00:01:59,040
私たちが今まで見た場合
ページのソースは、我々は唯一の希望

43
00:01:59,040 --> 00:02:02,830
たHTMLをご覧ください
そのPHPによって生成されます。

44
00:02:02,830 --> 00:02:04,900
しかし、JavaScriptはクライアント側を実行します。

45
00:02:04,900 --> 00:02:06,710
あなたのJavaScriptがお使いのコンピュータ上で実行されます。

46
00:02:06,710 --> 00:02:09,050
そして、あなたが行うことができます理由です
物事はブロッカーを追加したいです。

47
00:02:09,050 --> 00:02:09,550
右？

48
00:02:09,550 --> 00:02:12,704
広告ブロックは通常によって行われます
JavaScriptのすべてを殺します

49
00:02:12,704 --> 00:02:14,370
それは、特定のウェブサイト上で実行されています。

50
00:02:14,370 --> 00:02:19,000
そして、それはしなければならないので、
あなたのマシンのクライアント側で実行、

51
00:02:19,000 --> 00:02:21,910
あなただけ停止することができます
完全に実行するためのJavaScript。

52
00:02:21,910 --> 00:02:27,030
それはまた、使用時にあることを意味
JavaScriptを含み、ウェブサイト、

53
00:02:27,030 --> 00:02:32,450
あなたは、JavaScriptのソースを送信する必要があります
あなたのHTTP応答の一部としてコード

54
00:02:32,450 --> 00:02:34,159
彼らはそれを要求するクライアントに。

55
00:02:34,159 --> 00:02:35,950
そして、あなたはしない場合があります
JavaScriptを使用したいです

56
00:02:35,950 --> 00:02:38,395
本当に敏感なことを行います
情報を渡すように

57
00:02:38,395 --> 00:02:41,020
ユーザーのパスワードについての背中と
など、彼らが実際にしているので、

58
00:02:41,020 --> 00:02:45,610
すべてのソースコードを受け取るために行きます、
生成されただけでなく、HTML、

59
00:02:45,610 --> 00:02:49,030
などは、たとえば、PHPの場合であろう。

60
00:02:49,030 --> 00:02:51,620
>> それでは、どのよう我々はJavaScriptを含みません
私たちのHTML内で開始するには？

61
00:02:51,620 --> 00:02:54,520
CSSに似て、まあ、実際には、
我々はここでそれを行う方法の一種です。

62
00:02:54,520 --> 00:02:56,190
CSSで、私たちは、スタイルのタグを持っています。

63
00:02:56,190 --> 00:03:00,760
そして、それらのスタイルタグの内側に、
我々は、CSSスタイルシートを定義することができます。

64
00:03:00,760 --> 00:03:03,450
同様にJavaScriptを使用
私たちはスクリプトタグを開くことができ、

65
00:03:03,450 --> 00:03:06,660
別のHTMLタグ我々はしませんでした
私たちのHTMLビデオで話、

66
00:03:06,660 --> 00:03:09,720
とでJavaScriptを書きます
これらのスクリプトタグの間。

67
00:03:09,720 --> 00:03:13,960
また、我々は、CSSのような、しかし
CSSファイルの外でリンクできます

68
00:03:13,960 --> 00:03:15,900
そしてそのように私たちのプログラムにそれらを引きます。

69
00:03:15,900 --> 00:03:18,280
CSSを使用した我々は、することもできます
JavaScriptで、恐れ入り

70
00:03:18,280 --> 00:03:23,240
我々はまた、ソースを指定することができます
スクリプトタグの属性

71
00:03:23,240 --> 00:03:25,720
JavaScriptでリンクします
別にので、あなたはしないでください

72
00:03:25,720 --> 00:03:27,680
でそれを記述する必要があります
スクリプトタグの間に、我々

73
00:03:27,680 --> 00:03:29,600
使用して、それをリンクすることができます
そのスクリプトタグとしても。

74
00:03:29,600 --> 00:03:33,230
そして、ちょうどどこにCSSを使用した場合と同様に
我々は、それはおそらくだったことをお勧め

75
00:03:33,230 --> 00:03:36,090
あなたの最善の利益に書き込みます
場合には別のファイルにあなたのCSS

76
00:03:36,090 --> 00:03:38,500
あなたはそれを変更する必要があり、
同様に、私たちはお勧めですか

77
00:03:38,500 --> 00:03:40,720
あなたが書くこと
別々のファイル内のJavaScript

78
00:03:40,720 --> 00:03:45,460
スクリプトタグのソースを使用
あなたJavaScriptを結ぶために属性

79
00:03:45,460 --> 00:03:49,520
あなたのHTMLは、Webページに挿入します。

80
00:03:49,520 --> 00:03:52,610
>> だからJavaScriptの変数、我々はよ
ここで構文について話し始めます。

81
00:03:52,610 --> 00:03:53,600
そして、我々は通過します
すぐにこのような、

82
00:03:53,600 --> 00:03:56,640
私たちはそのように、PHPでこれをやったので、
これはすべて、かなり精通している必要があります。

83
00:03:56,640 --> 00:03:59,490
だから、JavaScriptで変数であります
PHP変数に非常に類似しています。

84
00:03:59,490 --> 00:04:03,270
何の型指定は、ありませんし、
あなたは、変数を導入したときに、

85
00:04:03,270 --> 00:04:05,070
あなたは、varキーワードを前に付け。

86
00:04:05,070 --> 00:04:07,750
PHPでは、私たちは何かをするだろう
このように、ドル記号は、X。

87
00:04:07,750 --> 00:04:09,950
それは我々が示されている方法です
変数、ない、我々

88
00:04:09,950 --> 00:04:12,060
タイプを言及していません
変数のすべてで。

89
00:04:12,060 --> 00:04:15,124
私たちは次のように言うだろう
ドル記号xは、PHPで44に等しいです。

90
00:04:15,124 --> 00:04:17,040
私たちがやっていた場合
JavaScriptで同じこと、

91
00:04:17,040 --> 00:04:19,589
我々はのvar xが44に等しいと言うでしょう。

92
00:04:19,589 --> 00:04:22,780
だから、VaRは、我々の方法の一種であります
変数を導入します。

93
00:04:22,780 --> 00:04:26,850
それはおそらく、もう少し直感的です
ただ、ドル記号の変数より。

94
00:04:26,850 --> 00:04:29,080
>> ここでも、ありますので、
データ型は、我々はこれを行うことができ

95
00:04:29,080 --> 00:04:34,490
任意のデータ型、文字列
何か他のものはすべてVARであろう。

96
00:04:34,490 --> 00:04:37,260
条件文、私たちのすべての
CとPHPの古い友人

97
00:04:37,260 --> 00:04:41,640
まだ利用可能であるので、我々は持っている場合は、
それ以外の場合は、他に、スイッチと質問

98
00:04:41,640 --> 00:04:42,240
コロンをマーク。

99
00:04:42,240 --> 00:04:45,890
これほど柔軟で、残りのスイッチ
PHPであったが、これらのすべてのあなたがしています

100
00:04:45,890 --> 00:04:46,930
今では精通。

101
00:04:46,930 --> 00:04:49,900
そして、ループがあり、同様に
しばらくの古いお気に入り、

102
00:04:49,900 --> 00:04:52,700
しばらく、と私たちにまだ使用可能のために行います。

103
00:04:52,700 --> 00:04:55,880
だから、すでに私たちはをたくさん知っています
基本の基本的なJavaScriptのソート

104
00:04:55,880 --> 00:05:01,800
ただかなり持つのおかげで
今CとPHPについての知識。

105
00:05:01,800 --> 00:05:03,670
>> どのようなJavaScriptでの機能は？

106
00:05:03,670 --> 00:05:08,199
まあ、PHPに似たすべての関数であります
functionキーワードで導入。

107
00:05:08,199 --> 00:05:10,740
あなたは、関数を言うし、その後
あなたの関数を定義し始めます。

108
00:05:10,740 --> 00:05:12,531
少し違う何
JavaScriptの程度、

109
00:05:12,531 --> 00:05:15,700
持っている能力ですが、
無名関数何と呼ばれています。

110
00:05:15,700 --> 00:05:18,880
だから、関数を定義することができます
それは名前がありません。

111
00:05:18,880 --> 00:05:21,222
これは何かであります
本当に前に見たことがありません。

112
00:05:21,222 --> 00:05:23,430
私たちは本当に概念を使用します
無名関数の

113
00:05:23,430 --> 00:05:27,880
少し後、この中に
ビデオ、それはだろうから

114
00:05:27,880 --> 00:05:31,530
文脈に少しより多くの意味を作ります
私たちは、特定の状況でそれを見るとき、

115
00:05:31,530 --> 00:05:33,120
私はここに細工されたこと。

116
00:05:33,120 --> 00:05:35,710
しかし、ちょうど見てみましょう
どんな簡単なJav​​aScriptのでは

117
00:05:35,710 --> 00:05:37,850
関数は、次のようになります。

118
00:05:37,850 --> 00:05:40,610
>> だから私は先に行ってきたと
私CS50 IDEを開きました

119
00:05:40,610 --> 00:05:43,690
そして、私はすでにApacheの実行しました
私のサーバーの実行を開始します。

120
00:05:43,690 --> 00:05:46,800
そして私は、このファイルを持っています
Home.htmlと呼ばれるオープン。

121
00:05:46,800 --> 00:05:48,330
そして、私はここで少しズームインます。

122
00:05:48,330 --> 00:05:52,090
そして、基本的に、あなたが見ることができます
Home.htmlは、ボタンのちょうど束です。

123
00:05:52,090 --> 00:05:55,291
そして、私はここで上部に主張しています
これは、JavaScriptのセクションがあること

124
00:05:55,291 --> 00:05:55,790
材料。

125
00:05:55,790 --> 00:05:59,490
そこでここではボタンの束があります、
しかし、これらのボタンは、実際には何をしますか？

126
00:05:59,490 --> 00:06:03,662
>> さて、私たちは私のIEDに向かうだろう、
そして、私はここで開きHome.htmlいます。

127
00:06:03,662 --> 00:06:05,620
非常に開始時に、
私はリンクてるのはここです

128
00:06:05,620 --> 00:06:07,500
私のJavaScriptのソースファイルのすべてです。

129
00:06:07,500 --> 00:06:08,000
右？

130
00:06:08,000 --> 00:06:12,440
だから私は、anonymous.js、clock.jsを持っています
私は、ソース属性を使用しています

131
00:06:12,440 --> 00:06:14,440
スクリプトタグのファイルにリンクします。

132
00:06:14,440 --> 00:06:18,660
だから私は書いていない任意の
直接このファイルにはJavaScript、

133
00:06:18,660 --> 00:06:21,790
私はすべてに取ってきました
JavaScriptの私は別々に書きました。

134
00:06:21,790 --> 00:06:24,540
そして、我々はここで、この下にスクロールした場合
すべてのややお馴染みのはずです

135
00:06:24,540 --> 00:06:27,090
新しい構文を少しと。

136
00:06:27,090 --> 00:06:32,655
ここでのヘッダータグを持っています
機能して、ボタンを押します。

137
00:06:32,655 --> 00:06:35,530
私はタイプのボタンの入力を持っています、
どうやら、私はそれをクリックすると、

138
00:06:35,530 --> 00:06:38,130
私はいくつかを呼び出すつもりです
警告日付機能。

139
00:06:38,130 --> 00:06:41,792
そして、これは私達が一種のアップミックスすることができます方法です
JavaScriptとHTMLを少し。

140
00:06:41,792 --> 00:06:44,500
彼らは実際にはかなりうまくプレイ
一緒に、など明らかにするとき

141
00:06:44,500 --> 00:06:48,730
私には、このボタンをクリックして私は行きますよ
いくつかの機能アラート日を呼び出します。

142
00:06:48,730 --> 00:06:53,660
そして、同様に、私は行動を定義されています
他のボタンのすべてのためのもの

143
00:06:53,660 --> 00:06:56,440
そのhome.htmlのページにあります、
我々は戻っておこうています

144
00:06:56,440 --> 00:06:59,172
このビデオの過程に。

145
00:06:59,172 --> 00:07:00,880
しかし、それでは、バックアップ手放します
ここに見てみましょう

146
00:07:00,880 --> 00:07:03,850
あるclock.js、で
JavaScriptファイルその私

147
00:07:03,850 --> 00:07:07,370
つまり、この第一の機能を有している書い
我々は見てみるつもりです。

148
00:07:07,370 --> 00:07:11,630
あなたが見ることができるように、私はJavaScriptを始めます
キーワード機能を持つ関数、

149
00:07:11,630 --> 00:07:14,560
そして私はこの1つのA与えてくれました
名前には、警告の日付と呼ばれています。

150
00:07:14,560 --> 00:07:18,710
そこの内部では、私は明らかに作成します
現在の日付と呼ばれる新しいローカル変数。

151
00:07:18,710 --> 00:07:21,500
そして、私は割り当てするつもりです
新しい日付に等し​​いです。

152
00:07:21,500 --> 00:07:24,430
そして、私たちはたくさんのに得ることができます
日付が何であるかについての詳細、

153
00:07:24,430 --> 00:07:27,060
そして実際にJavaScriptがそうです
我々はおそらくできないことが大きな

154
00:07:27,060 --> 00:07:28,330
1ビデオ内のすべてをカバーしています。

155
00:07:28,330 --> 00:07:32,220
しかし、これが起こっていると言って、それだけで十分
データ項目は私に戻っています

156
00:07:32,220 --> 00:07:35,470
現在の日付と時刻をカプセル化します。

157
00:07:35,470 --> 00:07:39,100
私は、私は変数にそれを格納しています
明らかに現在の日付を警告するために行きます。

158
00:07:39,100 --> 00:07:41,300
>> さて、どのようなアラートがありません
現在の日付は次のように？

159
00:07:41,300 --> 00:07:46,460
それでは、ファイル自体を見てみましょう
ブラウザウィンドウに渡ってバックします。

160
00:07:46,460 --> 00:07:49,551
そう再度、このボタンは、そのI
、この名前の関数に結び付けられています。

161
00:07:49,551 --> 00:07:51,800
そして、私はそこにそれをクリックして、
それが何をしたか見て、それが警告しました。

162
00:07:51,800 --> 00:07:56,140
それは伝えるボックスのこの種のポップアップ
私は、現在の時刻は明らかであること

163
00:07:56,140 --> 00:07:59,370
それはで11月4日です
朝の午前10時43分43秒。

164
00:07:59,370 --> 00:08:02,345
そして私は今、もう一度それをクリックした場合
それは右、数秒後には？

165
00:08:02,345 --> 00:08:03,720
だから、すべてこの機能がないのです。

166
00:08:03,720 --> 00:08:07,670
私は、このボタンをクリックすると、
私に警告メッセージをポップアップ表示されます。

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

168
00:08:13,806 --> 00:08:15,690
だから、実際にそこにはありません
関数への多すぎます

169
00:08:15,690 --> 00:08:19,110
それは、PHPとは異なります
新しい構文の少しだけ

170
00:08:19,110 --> 00:08:22,500
それには、JavaScriptでの作業が付属しています。

171
00:08:22,500 --> 00:08:24,650
>> JavaScriptで配列があります
かなり簡単。

172
00:08:24,650 --> 00:08:27,200
配列を宣言するには、使用
角括弧構文

173
00:08:27,200 --> 00:08:30,090
私たちは、PHPから精通していること。

174
00:08:30,090 --> 00:08:33,432
そして、PHPと同様に、我々
また、データ型を混在させることができます。

175
00:08:33,432 --> 00:08:35,140
したがって、この配列は、両方の
これらの配列のだろう

176
00:08:35,140 --> 00:08:36,960
完全に合法的なJavaScriptのです。

177
00:08:36,960 --> 00:08:42,500
すべての整数のOne、および1
異なるデータ型を混合しました。

178
00:08:42,500 --> 00:08:45,020
>> 非常に異なるものは何ですか
JavaScriptで、しかし？

179
00:08:45,020 --> 00:08:47,020
つまり、オブジェクトの概念です。

180
00:08:47,020 --> 00:08:50,240
だから、おそらくあなたは聞きました
オブジェクト指向プログラミング。

181
00:08:50,240 --> 00:08:53,370
我々は、CS50での多くをしません
しかし、我々はそれの少しを行います

182
00:08:53,370 --> 00:08:55,670
ここではJavaScriptのコンテキストインチ

183
00:08:55,670 --> 00:08:59,100
今JavaScriptがする能力を持っています
オブジェクト指向プログラミングとして振る舞います

184
00:08:59,100 --> 00:09:02,615
言語が、それ自体ではありません
排他的にオブジェクト指向します

185
00:09:02,615 --> 00:09:03,490
プログラミング言語。

186
00:09:03,490 --> 00:09:05,281
そして、これは再び来ます
バック私は、それを言った理由

187
00:09:05,281 --> 00:09:10,610
学ぶことは非常に挑戦することができます
あなたの最初のプログラミングとしてのJavaScript

188
00:09:10,610 --> 00:09:13,890
言語、それはしませんので、
本当に特定のパラダイムに合います。

189
00:09:13,890 --> 00:09:16,430
>> 一方、Cがあります
関数型プログラミング言語。

190
00:09:16,430 --> 00:09:22,270
私たちがしたい場合は、機能があります
大ボスの男のようなものですよね？

191
00:09:22,270 --> 00:09:24,410
彼らは何を決定
他のすべてを発生します。

192
00:09:24,410 --> 00:09:26,600
私たちは、変数を変更したいです、
我々は関数を呼び出します。

193
00:09:26,600 --> 00:09:28,220
私たちは、関数に物事を行います。

194
00:09:28,220 --> 00:09:31,250
で、代わりにオブジェクト
オブジェクト指向言語、

195
00:09:31,250 --> 00:09:35,937
オブジェクトは、ソートのスターになると
関数は、二次のようなものになります。

196
00:09:35,937 --> 00:09:38,270
しかし、どのようなオブジェクトがあり、どのような
オブジェクトのこの概念はありますか？

197
00:09:38,270 --> 00:09:40,880
まあ、それは場合に役立ちます、と思います
それについての最初のソートで

198
00:09:40,880 --> 00:09:44,540
C構造体または構造体のような
我々の前に、約学んだこと。

199
00:09:44,540 --> 00:09:47,430
Cでは、構造が含まれています
フィールドの数、

200
00:09:47,430 --> 00:09:51,174
そして多分私達は今に開始する可能性があります
これらのフィールドのプロパティを呼び出します。

201
00:09:51,174 --> 00:09:53,590
しかし、プロパティが決して本当に
右、自分の上に立ちますか？

202
00:09:53,590 --> 00:09:56,410
私は車のための構造を定義した場合
次の二つで、このような

203
00:09:56,410 --> 00:10:00,750
フィールドまたはプロパティ、1 AN
車の年を表す整数

204
00:10:00,750 --> 00:10:04,290
別の10文字
車のモデルのための文字列、

205
00:10:04,290 --> 00:10:07,150
私はこのような何かを言うことができ、
私は、新しい変数を宣言することができます

206
00:10:07,150 --> 00:10:10,080
タイプstructカーハービーの。

207
00:10:10,080 --> 00:10:13,730
そして、私が何かを言うことができます
以下のようなherbie.year、1963等しいです

208
00:10:13,730 --> 00:10:15,850
そして、herbie.modelはビートルに等しいです。

209
00:10:15,850 --> 00:10:17,000
それで大丈夫です。

210
00:10:17,000 --> 00:10:19,680
私は内のフィールドを使用しています
構造に関して、

211
00:10:19,680 --> 00:10:22,290
私はちょうど決して可能性
このような何かを言います。

212
00:10:22,290 --> 00:10:22,790
右？

213
00:10:22,790 --> 00:10:26,836
私は、フィールド名を使用することはできません
構造とは無関係。

214
00:10:26,836 --> 00:10:28,210
これは基本的なものの一種です。

215
00:10:28,210 --> 00:10:32,990
>> フィールドがされそう
C言語の構造体の基本

216
00:10:32,990 --> 00:10:39,050
性質があることに非常に類似しています
JavaScriptオブジェクトの基本。

217
00:10:39,050 --> 00:10:42,080
しかし、それらを作ります
特に興味深いです

218
00:10:42,080 --> 00:10:46,230
オブジェクトはまた、何を持つことができるということです
実際にあると呼ばれている方法、

219
00:10:46,230 --> 00:10:50,730
その機能のためだけの派手な言葉
同様に、オブジェクトに固有です。

220
00:10:50,730 --> 00:10:55,340
だから、唯一の可能な機能です
オブジェクトのコンテキストで呼び出されます。

221
00:10:55,340 --> 00:10:59,200
定義されたオブジェクトのみ
その内、この機能、

222
00:10:59,200 --> 00:11:02,020
あなたが考える場合
構造体、関数

223
00:11:02,020 --> 00:11:05,720
定義それらの中に定義されています
構造体の中括弧。

224
00:11:05,720 --> 00:11:07,980
だから、それだけで何かを意味します
構造に関する。

225
00:11:07,980 --> 00:11:10,960
そして、それは我々がやっていることのようなものです
ここにオブジェクトとメソッドを持ちます。

226
00:11:10,960 --> 00:11:13,580
私たちがしているようそれは基本的です
その関数を定義します

227
00:11:13,580 --> 00:11:16,670
だけで理にかなっています
特定のオブジェクト、およびので、

228
00:11:16,670 --> 00:11:19,440
そのオブジェクトのメソッドを呼び出します。

229
00:11:19,440 --> 00:11:23,180
そして、我々はそれを呼び出すことはできません
オブジェクトの独立した機能、

230
00:11:23,180 --> 00:11:29,260
私たちは年またはモデルと言うことはできません同じように
Cの構造体の独立しました

231
00:11:29,260 --> 00:11:32,300
>> だから、関数型プログラミング
パラダイムは、次のようになり。

232
00:11:32,300 --> 00:11:35,450
あなたは合格後、機能と
パラメータとしてオブジェクトインチ

233
00:11:35,450 --> 00:11:38,650
オブジェクト指向プログラミングで
言語、これは一種の取得

234
00:11:38,650 --> 00:11:43,464
反転し、私たちは考えるだろう
それは、object.functionこれを気に入っています。

235
00:11:43,464 --> 00:11:45,380
だから、ドットのそれの並べ替え
オペレータは再び暗​​示します

236
00:11:45,380 --> 00:11:49,540
それはプロパティのいくつかの並べ替えだと
またはオブジェクト自体の属性。

237
00:11:49,540 --> 00:11:53,240
しかし、これはどのようなオブジェクトであります
指向プログラミング言語

238
00:11:53,240 --> 00:11:57,150
関数を作るために行う可能性があります
これは、再び、メソッドを呼び出します

239
00:11:57,150 --> 00:12:00,260
機能のためだけの特別な単語であります
それは、オブジェクトに固有のものです。

240
00:12:00,260 --> 00:12:03,440
これはどのようなものです
構文は次のようになります。

241
00:12:03,440 --> 00:12:09,360
そして、私たちはいくつかのを見てから始めましょう
JavaScriptを文脈で、この。

242
00:12:09,360 --> 00:12:12,470
>> また、オブジェクトを考えることができます
ソートの連想配列のように、

243
00:12:12,470 --> 00:12:14,160
私たちは、PHPからに精通しています。

244
00:12:14,160 --> 00:12:17,720
連想配列ができます忘れないでください
私たちではなく、キーと値のペアを持っています

245
00:12:17,720 --> 00:12:23,040
インデックス0の1つ、2つ、3つ有します
ように、我々は、Cとの間で使用されているように

246
00:12:23,040 --> 00:12:23,940
配列。

247
00:12:23,940 --> 00:12:27,472
連想配列はマッピングすることができます
このようなPHPのビデオのような言葉、

248
00:12:27,472 --> 00:12:29,180
私たちは話していました
ピザのトッピング。

249
00:12:29,180 --> 00:12:31,180
だから、我々は配列を持っていました
ピザと呼ばれ、我々

250
00:12:31,180 --> 00:12:36,670
チーズが鍵となったと$ 8.99でした
値、その後、ペパロニは鍵となりました、

251
00:12:36,670 --> 00:12:39,190
$ 9.99値であった、というように。

252
00:12:39,190 --> 00:12:43,300
だから我々はまた考えることができます
連想に類似のオブジェクトのソート

253
00:12:43,300 --> 00:12:43,840
アレイ。

254
00:12:43,840 --> 00:12:47,020
ここので、この構文
新しいオブジェクトを作成します

255
00:12:47,020 --> 00:12:50,950
2と呼ばれるハービー
その中のプロパティ。

256
00:12:50,950 --> 00:12:57,310
値1963が割り当てられている年、
文字列が割り当てられ、モデル、

257
00:12:57,310 --> 00:12:58,140
甲虫。

258
00:12:58,140 --> 00:13:01,770
>> そして、私が使用していることをここに気づきます
JavaScriptで単一引用符。

259
00:13:01,770 --> 00:13:05,570
あなたは、単一または二重引用符を使用することができます
あなたは、文字列の話をしているとき。

260
00:13:05,570 --> 00:13:07,772
それはちょうど、従来のです
ケースほとんどの時間

261
00:13:07,772 --> 00:13:10,230
あなたはJavaScriptを書いているとき、
あなただけの一重引用符を使用します。

262
00:13:10,230 --> 00:13:15,050
しかし、私は、ここでは二重引用符を使用することができますし、
それは同様に完全に大丈夫だと思います。

263
00:13:15,050 --> 00:13:17,470
>> それでは、どのようで覚えています
PHP我々はこの概念を持っていました

264
00:13:17,470 --> 00:13:22,730
私たちを可能にする各ループのための
キー値のすべてを反復処理します

265
00:13:22,730 --> 00:13:25,270
連想の組
配列、我々理由

266
00:13:25,270 --> 00:13:29,050
反復するこの能力を持っていませんでした
0から、一つ、二つ、三つ、四つ、

267
00:13:29,050 --> 00:13:30,710
等々？

268
00:13:30,710 --> 00:13:35,010
JavaScriptは、非常に似た何かを持っています
それは、各ループの呼び出されていません

269
00:13:35,010 --> 00:13:38,960
それはループ内のために呼ばれています。

270
00:13:38,960 --> 00:13:42,890
だから私は次のように私に言った場合
この、オブジェクト内のvarキーの、

271
00:13:42,890 --> 00:13:48,670
それは言うのと、ソートの似ています
何かのように各何かのため。

272
00:13:48,670 --> 00:13:53,850
しかし、私がここでやっているすべてが反復されます
私のオブジェクトのすべてのキーを介して。

273
00:13:53,850 --> 00:13:56,070
そして、カーリーの内部
私は、そこだろうブレース

274
00:13:56,070 --> 00:14:03,410
参照するオブジェクトの角括弧キーを使用します
そのキーの場所にある値に設定します。

275
00:14:03,410 --> 00:14:05,400
>> また、あります
でも別のアプローチ。

276
00:14:05,400 --> 00:14:10,880
私はちょうどだけに関心があるのであれば
値は、私は、オブジェクトのキーのために言うことができます

277
00:14:10,880 --> 00:14:12,360
ちょうど内部キーを使用します。

278
00:14:12,360 --> 00:14:17,240
だから、オブジェクト内のvarキーに、私が持っています
オブジェクトの広場ブラケットを使用します

279
00:14:17,240 --> 00:14:19,340
ループ内でのキー。

280
00:14:19,340 --> 00:14:24,580
オブジェクトのVARキーのため、私がすることができます
ちょうどループ内でのキーを使用して、

281
00:14:24,580 --> 00:14:29,040
私は特にだから
そこ値の話。

282
00:14:29,040 --> 00:14:32,630
>> それでは、多分みましょう
違いを見て

283
00:14:32,630 --> 00:14:35,670
ちょうどすぐにあなたを表示します
4の違い

284
00:14:35,670 --> 00:14:40,730
で、非常に特定でのための
私たちはここにある配列、週配列。

285
00:14:40,730 --> 00:14:43,616
だから私は新しい配列を見つける必要があり
私は7文字列で埋めていることを、

286
00:14:43,616 --> 00:14:46,240
月曜日、火曜日、水曜日、
木曜日、金曜日、土曜日、日曜日。

287
00:14:46,240 --> 00:14:50,530
そして、私は今、反復したいです
この配列を介して、

288
00:14:50,530 --> 00:14:53,090
特定の情報をプリントアウトします。

289
00:14:53,090 --> 00:14:58,780
私は、ループ内で使用する場合
情報を印刷するには、

290
00:14:58,780 --> 00:15:00,710
私は取得するつもりだ何だと思いますか？

291
00:15:00,710 --> 00:15:01,710
さて、見てみましょう。

292
00:15:01,710 --> 00:15:05,300
そして、我々は飛び越える前
私のブラウザウィンドウに、

293
00:15:05,300 --> 00:15:08,090
ちょうどそれを知っています
console.logは1の一種であります

294
00:15:08,090 --> 00:15:10,630
JavaScriptで印刷Fを行う方法。

295
00:15:10,630 --> 00:15:12,040
しかし、コンソールは何ですか？

296
00:15:12,040 --> 00:15:14,940
まあ、それは我々が行っているものです
行くために今を見てみましょう。

297
00:15:14,940 --> 00:15:16,850
>> [OK]をので、私たちはここに戻っています
私のブラウザウィンドウで、

298
00:15:16,850 --> 00:15:19,410
私は開くつもりです
私の開発者ツールまで。

299
00:15:19,410 --> 00:15:22,290
繰り返しますが、私はF12キーを打ちますよ
開発者ツールを開きます。

300
00:15:22,290 --> 00:15:25,670
そして予告ことをここに
トップ私はコンソールを選択しました。

301
00:15:25,670 --> 00:15:28,480
だから、これは概念であります
デベロッパーコンソールの、

302
00:15:28,480 --> 00:15:30,500
そして、それは私たちができるようになります
、情報を印刷

303
00:15:30,500 --> 00:15:33,000
ソートの端子等が挙げられるが、
あなたは、少し後に表示されますように、

304
00:15:33,000 --> 00:15:37,720
我々はまたに情報を入力することができます
当社のウェブページと対話します。

305
00:15:37,720 --> 00:15:42,320
私はここで少しズームインするつもりです、
そして、私は今テスト中のためにクリックするつもりです。

306
00:15:42,320 --> 00:15:45,230
そしてtest--の4つの私はつもりはありませんよ
今あなたにそれのためのコードを示し、

307
00:15:45,230 --> 00:15:47,479
あなた場合しかし、あなたはそれを取得します
そのソースコードをダウンロード

308
00:15:47,479 --> 00:15:50,380
このvideo--に関連付けられています
ちょうどそのループ内のためであります

309
00:15:50,380 --> 00:15:52,610
私達はちょうど見ました
スライド上秒前。

310
00:15:52,610 --> 00:15:54,810
>> だから私はそれをクリックするつもりです
ボタンを押すと、こっち、

311
00:15:54,810 --> 00:15:58,440
ここでプリントアウトしたものです
コンソール、0個、1個、2個、3個、4個、5個

312
00:15:58,440 --> 00:15:58,940
6。

313
00:15:58,940 --> 00:16:02,490
私は情報を出力しませんでした
これらのアレイ位置の内部には、

314
00:16:02,490 --> 00:16:05,180
私は、ループ内に使用​​するため。

315
00:16:05,180 --> 00:16:10,670
そして、ループの本体内部に、私
ただキーを反対しないキーをプリントアウト。

316
00:16:10,670 --> 00:16:18,600
しかし、私は今、私のコンソールをクリアし、私ならば
テストのために切り替えて、テストの4

317
00:16:18,600 --> 00:16:22,500
私は、ループのために使用しますと言います
代わりに、キーをプリントアウトし、

318
00:16:22,500 --> 00:16:28,079
私はそれをクリックすると、今私は取得しています
私のオブジェクトの内部に実際の要素

319
00:16:28,079 --> 00:16:29,120
または、この場合の私の配列。

320
00:16:29,120 --> 00:16:31,760
平日の私の配列。

321
00:16:31,760 --> 00:16:33,480
私は、月曜日プリントアウト
火曜日、水曜日。

322
00:16:33,480 --> 00:16:36,930
だから、の違いです
プリントアウトするループ内のため、

323
00:16:36,930 --> 00:16:43,410
あなただけのキーを使用している場合だけ、キー
ループの本体の内部に、

324
00:16:43,410 --> 00:16:46,850
ループ、プリントのための
値アウトあなただけを使用する場合

325
00:16:46,850 --> 00:16:48,870
ループの本体内部キー。

326
00:16:48,870 --> 00:16:52,380
>> すべての権利、どのように我々は今に始めますか
文字列を連結し、多分ミックス

327
00:16:52,380 --> 00:16:57,220
補間といくつかの変数
私たちはPHPで行うことができたような？

328
00:16:57,220 --> 00:16:59,410
さて、私たちはかなり精通しています
PHPからこれで。

329
00:16:59,410 --> 00:17:04,109
これは、我々が使用してそれを行うだろう方法です
ドット演算子は、文字列を連結します。

330
00:17:04,109 --> 00:17:06,260
JavaScriptでは、しかし、
私たちは実際に何かを使用します

331
00:17:06,260 --> 00:17:09,290
これは、プラス演算子と呼ばれます
多分もう少しです

332
00:17:09,290 --> 00:17:10,470
直感的な、右？

333
00:17:10,470 --> 00:17:12,609
私達は束を追加しています
文字列の一緒に。

334
00:17:12,609 --> 00:17:14,520
それでは、引き返すてみましょう
超えると何がこれを見ます

335
00:17:14,520 --> 00:17:18,693
私たちがプリントアウトしようとしている場合に出力されます
週配列内のすべての情報。

336
00:17:18,693 --> 00:17:20,859
ここでは下のように、すべての権利
文字列の連結の下で、

337
00:17:20,859 --> 00:17:24,822
私は2つのオプションがあり、文字列の建物
V1とその後の文字列の建物のV2。

338
00:17:24,822 --> 00:17:26,530
なぜ我々と我々が表示されます
第二に、V2が必要です。

339
00:17:26,530 --> 00:17:28,610
しかし、私はつもりだ上でクリック
文字列の建物V1、どの

340
00:17:28,610 --> 00:17:30,360
私たちがしたコードです
ちょうどを見てみると、

341
00:17:30,360 --> 00:17:32,980
プラスのすべてではconsole.log。

342
00:17:32,980 --> 00:17:35,910
これは印刷する場合を見てみましょう
私たちが期待するものを。

343
00:17:35,910 --> 00:17:39,939
>> 月曜日は、曜日番号01であります
火曜日曜日番号11です。

344
00:17:39,939 --> 00:17:41,730
まあ、私は何をしようとしていました
取得があった行うには

345
00:17:41,730 --> 00:17:46,280
それは月曜日をプリントアウトする日の数です
1、火曜日は日番号2です。

346
00:17:46,280 --> 00:17:50,140
しかし、それは私はのように思えます
常に1をプリントアウトします。

347
00:17:50,140 --> 00:17:51,260
まあ、それはなぜですか？

348
00:17:51,260 --> 00:17:55,600
まあ、それは結局のところ、別のを見てみましょう
ここでは、コードのこの小さなスニペットで。

349
00:17:55,600 --> 00:18:00,160
我々は、プラスを使用していることに注意してください
二つの異なる文脈でオペレータ。

350
00:18:00,160 --> 00:18:03,221
>> ので、ここでどこに多分ものです
我々は種類の言ってきたことを、

351
00:18:03,221 --> 00:18:03,970
ああ、それはとても素晴らしいことです。

352
00:18:03,970 --> 00:18:05,910
私たちは、もはやデータ型を扱いません。

353
00:18:05,910 --> 00:18:08,220
しかし、ここでどこ事実です
我々は、データ型を失うこと

354
00:18:08,220 --> 00:18:10,960
実際にビットすることができます
私たちにとっての問題の。

355
00:18:10,960 --> 00:18:16,260
今プラス演算子をするために使用されること
文字列を連結し、番号を追加

356
00:18:16,260 --> 00:18:19,550
一緒に、JavaScriptは持っています
その最良の推測を作るために

357
00:18:19,550 --> 00:18:22,030
以下のように私はそれが私のために何をしたいのか。

358
00:18:22,030 --> 00:18:23,900
この場合には、間違った推測しました。

359
00:18:23,900 --> 00:18:29,340
それだけ連結日であろう
0個、1個、2個、3個、4個、5個、または6個

360
00:18:29,340 --> 00:18:32,060
そしてそれはちょうど連結します
そのとは、一つの連結しました。

361
00:18:32,060 --> 00:18:35,020
それは実際にそれらを一緒に追加しませんでした。

362
00:18:35,020 --> 00:18:37,320
だからこれらの言語、
PHPやJavaScript、

363
00:18:37,320 --> 00:18:39,196
それは抽象化
タイプのこの概念、

364
00:18:39,196 --> 00:18:40,820
あなたはもうそれに対処する必要はありません。

365
00:18:40,820 --> 00:18:43,600
彼らはまだフードの下型を持っています。

366
00:18:43,600 --> 00:18:46,780
そして、我々は状況では、することができます
このように、その事実を活用

367
00:18:46,780 --> 00:18:49,240
何かを言って
これは、多分このような

368
00:18:49,240 --> 00:18:53,210
によって、JavaScriptを語っています
方法は、整数として扱います、

369
00:18:53,210 --> 00:18:57,100
でも、それを文字列として扱いません。
私たちは一緒に文字列を混合しているものの

370
00:18:57,100 --> 00:18:58,940
ここと整数。

371
00:18:58,940 --> 00:19:02,204
>> それはちょうどそれらのものの一つです
それは文脈でとても素晴らしい思われること

372
00:19:02,204 --> 00:19:04,120
我々はする必要がないこと
もう種類を扱います、

373
00:19:04,120 --> 00:19:05,828
時には、あなたはよ
状況に陥ります

374
00:19:05,828 --> 00:19:09,110
まさにこのような場合は事実
あなたはタイプを制御できません。

375
00:19:09,110 --> 00:19:11,220
あなたに裏目に出ることができます
あなたが注意しないなら。

376
00:19:11,220 --> 00:19:18,285
私たちは、IDEへの上に戻ってポップ場合だから、私はよ
再び私のコンソールをクリアしようとして、

377
00:19:18,285 --> 00:19:20,660
私は、文字列をクリックするつもりです
建物のバージョン2、どの

378
00:19:20,660 --> 00:19:23,052
私はその解析int型の関数を使用する場所です。

379
00:19:23,052 --> 00:19:25,260
今ではプリントアウトしています
私は期待していた情報。

380
00:19:25,260 --> 00:19:29,330
月曜日の日番号1、火曜日
ように日番号2、とあります。

381
00:19:29,330 --> 00:19:31,170
>> それでは、再び機能について話しましょう​​。

382
00:19:31,170 --> 00:19:34,790
私たちは、匿名の話を約束しました
機能、そして今そのためのコンテキスト

383
00:19:34,790 --> 00:19:36,360
ついに到着しました。

384
00:19:36,360 --> 00:19:39,980
私たちはそうする前に、それでは、再び話をしましょう
ちょうど秒アレイに関する。

385
00:19:39,980 --> 00:19:42,120
だから、配列は特別です
オブジェクトの場合。

386
00:19:42,120 --> 00:19:45,180
実際には、何事においても
JavaScriptが実際にオブジェクトです。

387
00:19:45,180 --> 00:19:47,190
だから、機能があります
オブジェクトの特殊なケース、

388
00:19:47,190 --> 00:19:49,770
整数は特別です
オブジェクトの場合、

389
00:19:49,770 --> 00:19:52,152
しかし、配列特異的に
多くの方法を有しています。

390
00:19:52,152 --> 00:19:55,110
彼らはオブジェクトだから覚えておいて、
彼らは、プロパティとメソッドを持つことができます。

391
00:19:55,110 --> 00:19:58,600
これらは、多くの方法を持っています
これらのオブジェクトに適用することができます。

392
00:19:58,600 --> 00:20:01,197
呼ばれる方法があります
サイズ、array.size、

393
00:20:01,197 --> 00:20:03,030
これに戻ります
あなたご想像のとおり

394
00:20:03,030 --> 00:20:05,120
あなたの配列の要素数。

395
00:20:05,120 --> 00:20:08,480
array.pop、ソートのような
飛び出しの私たちの考え方

396
00:20:08,480 --> 00:20:11,110
スタックの、あなたが思い出す場合
私たちのスタックビデオから、

397
00:20:11,110 --> 00:20:13,810
配列から最後の要素を削除します。

398
00:20:13,810 --> 00:20:17,110
Array.pushを使用新しい要素が追加されます
配列の最後に。

399
00:20:17,110 --> 00:20:20,910
array.shiftは一種のです
DQのように、それが出てスプライス

400
00:20:20,910 --> 00:20:23,610
配列の最初の要素。

401
00:20:23,610 --> 00:20:27,549
>> しかし、また別の特別な存在です
マップと呼ばれる配列の方法。

402
00:20:27,549 --> 00:20:29,340
そして、これは一種のです
面白いコンセプト。

403
00:20:29,340 --> 00:20:30,930
だから、マップのアイデアは何ですか？

404
00:20:30,930 --> 00:20:33,880
あなたは実際にこれを参照してくださいよ
いくつかの他の言語で、

405
00:20:33,880 --> 00:20:38,550
私たちは話していません
地図製作者のようなものがここにマッピングし、

406
00:20:38,550 --> 00:20:41,480
我々は、マッピング機能の話をしています。

407
00:20:41,480 --> 00:20:44,110
文脈において、我々はしています
ここで話し、地図

408
00:20:44,110 --> 00:20:47,950
特殊動作我々は、
アレイ上で実行することができます

409
00:20:47,950 --> 00:20:51,630
特定の関数を適用します
その配列の各要素に。

410
00:20:51,630 --> 00:20:55,190
そして私たちはで言います
この場合は、多分、array.map

411
00:20:55,190 --> 00:21:00,330
そしてその中に、私たちは渡しています
マップに私たちが望む機能です

412
00:21:00,330 --> 00:21:02,430
すべての単一の要素に適用されます。

413
00:21:02,430 --> 00:21:07,299
だから、使用するソートの類似です
すべての要素を反復処理するループ

414
00:21:07,299 --> 00:21:09,340
特定の適用
すべての要素に機能し、

415
00:21:09,340 --> 00:21:14,830
ちょうどJavaScriptは、この中に組み込まれています
適用することができるマッピングの概念。

416
00:21:14,830 --> 00:21:19,700
そして、これはに大きなコンテキストです
無名関数について話しています。

417
00:21:19,700 --> 00:21:22,370
>> それでは、私たちは持っているとしましょう
整数のこの配列。

418
00:21:22,370 --> 00:21:25,370
これはNUMSと呼ばれる、そしてそれは5を持っています
その中のもの、一つ、二つ、三つ、四つ、

419
00:21:25,370 --> 00:21:26,410
5。

420
00:21:26,410 --> 00:21:30,620
今、私はいくつかをマップします
この配列への機能。

421
00:21:30,620 --> 00:21:34,337
私は、関数を適用させたいです
配列の各要素に。

422
00:21:34,337 --> 00:21:37,420
さて、私が何をしたいとしましょう
やるだけの二重のすべての要素のです。

423
00:21:37,420 --> 00:21:42,520
私はループを使用している何ができますか
VARのために私はより小さく、0に等しいです

424
00:21:42,520 --> 00:21:47,390
または4に等しい、私プラス、プラス、および
その後、すべての単一の数を2倍。

425
00:21:47,390 --> 00:21:49,580
しかし、私はまた、このような何かを行うことができます。

426
00:21:49,580 --> 00:21:53,420
私はNUMSが以前あったと言うことができます
一つ、二つ、三つ、四つ、五つ、

427
00:21:53,420 --> 00:21:58,310
今、しかし、私はにあなたを好きになります
このアレイ上にマッピングを適用

428
00:21:58,310 --> 00:22:00,400
私はあなたを好きになる場所
すべての数を2倍にします。

429
00:22:00,400 --> 00:22:02,540
そして、それはまさに
ここで何が起こっています。

430
00:22:02,540 --> 00:22:06,870
しかし、私が渡しているものに気づきます
マップする引数としてインチ

431
00:22:06,870 --> 00:22:09,080
これは匿名関数です。

432
00:22:09,080 --> 00:22:11,140
そして、私は与えられていない気付きます
この関数名、

433
00:22:11,140 --> 00:22:13,290
私はそれをパラメータリストを与えてくれました。

434
00:22:13,290 --> 00:22:16,370
そして、これは一例です
無名関数の。

435
00:22:16,370 --> 00:22:21,270
>> 当社は通常、これを呼び出すことはありません
マップのコンテキストの外で機能。

436
00:22:21,270 --> 00:22:24,110
私たちは、それをパラメータとして定義しています
マップし、私たちは本当にない行うには

437
00:22:24,110 --> 00:22:27,910
もしその名前を持っている必要があります
気に唯一のものは、マップです

438
00:22:27,910 --> 00:22:30,339
それは右の定義されています
そこにマップの内部。

439
00:22:30,339 --> 00:22:31,880
そして、これは匿名関数です。

440
00:22:31,880 --> 00:22:34,680
私たちはできていません
以前にこれを実行します。

441
00:22:34,680 --> 00:22:38,400
いくつかの機能をマップします
NUM、一つのパラメータを受け入れ、

442
00:22:38,400 --> 00:22:41,890
その関数が何をしますか
リターンは2倍にNUMています。

443
00:22:41,890 --> 00:22:45,330
だからこの後
マッピングが適用されています、

444
00:22:45,330 --> 00:22:50,090
これは今何NUMSのルックスです
以下のような、2個、4個、6個、8個、10。

445
00:22:50,090 --> 00:22:52,090
そして、私たちは私にオーバーポップます
ブラウザのウィンドウとだけ

446
00:22:52,090 --> 00:22:55,240
これを見てください
本当にすぐにも。

447
00:22:55,240 --> 00:22:58,000
>> だから私はここに別のボタンを持っています
私のホームページの2と呼ばれます。

448
00:22:58,000 --> 00:23:03,570
そして、私はダブルクリックして、それが伝える時
私それは、1つ、2つ、3つ、4つであった前

449
00:23:03,570 --> 00:23:07,250
2個、4個、6個、8個、10後5。

450
00:23:07,250 --> 00:23:11,930
そして、私は戻って、ダブルをクリックすると
再び、2個、4個、6個、8個、10。

451
00:23:11,930 --> 00:23:17,400
そしてその後、4つ
8、12、16、次に20。

452
00:23:17,400 --> 00:23:20,440
そして、私は、この関数で何をやっていますか？

453
00:23:20,440 --> 00:23:25,210
さて、私たちはIDEにオーバーポップ場合、および
私はここで、私の無名関数をプルアップ

454
00:23:25,210 --> 00:23:28,780
13を通る線7上で、私はよ
ここで少し派手な仕事をして、

455
00:23:28,780 --> 00:23:32,240
しかし、私はプリントアウトしています
配列内の現在のものです。

456
00:23:32,240 --> 00:23:36,580
次に16行目、17日、
そして18、私のマップがあります。

457
00:23:36,580 --> 00:23:40,930
私はこの倍増を適用しているところです
一つ一つの要素に機能しています。

458
00:23:40,930 --> 00:23:43,530
そしてさらに少し下に、
私はちょうど同じことをやっています

459
00:23:43,530 --> 00:23:46,640
私は今、私は除いて、前にやっていました
配列の内容を印刷

460
00:23:46,640 --> 00:23:48,167
その後。

461
00:23:48,167 --> 00:23:50,500
しかし、私がここでやったすべてがあります
ただ、匿名関数を使用します

462
00:23:50,500 --> 00:23:53,640
アレイ全体マップします。

463
00:23:53,640 --> 00:23:58,466
>> だから、もう一つの大きな話題は、約話をします
JavaScriptは、イベントの概念です。

464
00:23:58,466 --> 00:24:01,590
イベントはただ起こるものです
ユーザーは、Webを操作したとき

465
00:24:01,590 --> 00:24:04,715
ページ、ので、多分彼らは何かをクリックして、
または多分ページは、読み込みが完了しています

466
00:24:04,715 --> 00:24:07,200
または多分彼らが移動しました
何かの上にマウス、

467
00:24:07,200 --> 00:24:09,290
または、彼らは何かを入力しました
入力フィールドに入力します。

468
00:24:09,290 --> 00:24:14,260
これらの事のすべてはイベントです
それが私たちのウェブページ上で発生しています。

469
00:24:14,260 --> 00:24:17,460
そして、JavaScriptが持っています
何かをサポートする機能

470
00:24:17,460 --> 00:24:21,760
これは、イベントハンドラと呼ばれます
そのコールバック関数であります

471
00:24:21,760 --> 00:24:23,329
HTMLイベントに応答します。

472
00:24:23,329 --> 00:24:24,620
そして、コールバック関数は何ですか？

473
00:24:24,620 --> 00:24:27,328
まあ、それは一般的にちょうど別です
無名関数の名前。

474
00:24:27,328 --> 00:24:30,170
これは、その関数の
イベントに応答します。

475
00:24:30,170 --> 00:24:34,130
我々はどこに来て、これはあります
特定の機能を結合するという考え

476
00:24:34,130 --> 00:24:38,060
特定のHTML属性に。

477
00:24:38,060 --> 00:24:41,420
ほとんどのHTML要素を持っています
属性のサポート

478
00:24:41,420 --> 00:24:45,170
我々は、HTMLの話はなかったこと
クリックでのようなもののためのビデオ

479
00:24:45,170 --> 00:24:50,540
またはホバー上または負荷に、
これらのすべてのイベント

480
00:24:50,540 --> 00:24:53,120
あなたがして関数を記述することができます
これらのイベントでその契約

481
00:24:53,120 --> 00:24:56,090
ときにこれらのイベント
あなたのWeb​​ページで発生します。

482
00:24:56,090 --> 00:24:59,170
>> そしてそう多分あなたのhtml
このようになります。

483
00:24:59,170 --> 00:25:02,240
そして、私はここでは2つのボタンがあり、
ボタン1とボタン2、

484
00:25:02,240 --> 00:25:04,620
ここで私は現在持っています
何も定義されていません、

485
00:25:04,620 --> 00:25:11,170
これはある属性に
クリックどうやら私のhtmlタグの一部です。

486
00:25:11,170 --> 00:25:15,220
だから、明らかに私は何を定義するときに
その属性の内部で起こって、

487
00:25:15,220 --> 00:25:18,590
それはいくつかのJavaScriptになるだろう
イベントに応答する機能

488
00:25:18,590 --> 00:25:24,360
おそらく上でクリックします
ボタン1またはボタン2。

489
00:25:24,360 --> 00:25:28,580
>> どのような種類のクールな、これは私たちですについてです
一般的なイベントハンドラを記述することができます。

490
00:25:28,580 --> 00:25:32,370
そして、このイベントハンドラはなります
イベントオブジェクトを作成します。

491
00:25:32,370 --> 00:25:37,000
そして、イベントオブジェクトには、私たちに教えてくれます
二つのボタンのどちらがクリックされました。

492
00:25:37,000 --> 00:25:38,064
今どのように動作しますか？

493
00:25:38,064 --> 00:25:39,730
まあ、それはこのようになります。

494
00:25:39,730 --> 00:25:44,860
だから我々は最初の私達のボタンを定義します
コー​​ルバックへの応答を持っています

495
00:25:44,860 --> 00:25:47,470
呼び出される関数
ボタンがクリックされたとき、

496
00:25:47,470 --> 00:25:49,520
我々は、イベントアラート名を呼ぶことにします。

497
00:25:49,520 --> 00:25:53,320
そして、私たちがしている両方のケースに気づきます
このイベントパラメータを渡します。

498
00:25:53,320 --> 00:25:55,460
だから我々は、この関数を呼び出します
またはときに、この機能

499
00:25:55,460 --> 00:26:00,330
開催イベントによってトリガーされ、
それは、このイベントオブジェクトを作成するために起こっています

500
00:26:00,330 --> 00:26:03,300
そして、として渡します
名前を警告するためのパラメータ。

501
00:26:03,300 --> 00:26:07,270
そのイベント・オブジェクトであります
情報を含むつもり

502
00:26:07,270 --> 00:26:09,800
どのボタンがクリックされました。

503
00:26:09,800 --> 00:26:11,580
そして、どのようにそれを行うのですか？

504
00:26:11,580 --> 00:26:13,654
まあ、それはこのようになります。

505
00:26:13,654 --> 00:26:15,570
だから今、私の中で独立しました
JavaScriptのファイル、私は可能性があります

506
00:26:15,570 --> 00:26:17,420
これを見つけなければなりません
これは、アラート名機能

507
00:26:17,420 --> 00:26:19,500
再びそのイベントパラメータを受け付けます。

508
00:26:19,500 --> 00:26:24,640
私は検出よどこそして、ここにあります
どのボタンがトリガされました、

509
00:26:24,640 --> 00:26:28,100
VARトリガはイベントに等しいです
ドットソース要素。

510
00:26:28,100 --> 00:26:33,150
作成したソースは何でした
に渡されたこのイベントオブジェクト？

511
00:26:33,150 --> 00:26:36,390
それは、ボタン一つであったか、それはボタン2でしたか？

512
00:26:36,390 --> 00:26:40,710
>> そして、ここで私がやっているすべてがあります
trigger.innerhtmlをプリントアウト。

513
00:26:40,710 --> 00:26:43,860
さて、この場合には、この中で
コンテキスト、trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
ボタンの上に書かれているものだけです。

515
00:26:45,940 --> 00:26:48,830
我々はジャンプ場合、それはちょうどそう起こります
バック秒、それがあろう

516
00:26:48,830 --> 00:26:51,670
これらのボタンのタグの間には何も。

517
00:26:51,670 --> 00:26:54,150
これは、ボタン1またはボタン2になります。

518
00:26:54,150 --> 00:26:57,320
そしてのは、見てみましょう
どのようにこのイベントハンドラがあろう

519
00:26:57,320 --> 00:27:01,080
私たちは実際にそれを実行していた場合に見えます。

520
00:27:01,080 --> 00:27:03,850
>> だから、最初にすべての、あなたがきました
events.jsを開きました、

521
00:27:03,850 --> 00:27:06,517
JavaScriptファイル場所はあります
私は、この関数を定義しています。

522
00:27:06,517 --> 00:27:08,558
あなたが見ることができるように、それはです
かなり正確に何を

523
00:27:08,558 --> 00:27:10,230
私達はちょうど秒前のスライドで見ました。

524
00:27:10,230 --> 00:27:14,890
そして、私はオーバーになります
ホームページ私達が使用してきました。

525
00:27:14,890 --> 00:27:17,660
そして、私はここにボタンがあります
1とボタン2。

526
00:27:17,660 --> 00:27:19,820
そして私は、ボタンのいずれかをクリックします。

527
00:27:19,820 --> 00:27:23,930
あなた場合は、ボタン1をクリック
アラートに右ここで見ることができます。

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

529
00:27:25,810 --> 00:27:28,980
、ボタン2であなたをクリックしてください
ボタン2をクリックしました。

530
00:27:28,980 --> 00:27:32,150
>> だから、両方のボタンを持っています
同じ関数呼び出し、右？

531
00:27:32,150 --> 00:27:35,840
彼らは両方のアラート名でした
イベントが、このイベントオブジェクト

532
00:27:35,840 --> 00:27:41,900
私たちがクリックしたときに、そのが作成されます
それがクリックされたボタンを教えてくれる。

533
00:27:41,900 --> 00:27:44,650
私たちは別々の2を記述する必要はありませんでした
持つ機能や取引

534
00:27:44,650 --> 00:27:46,470
追加情報を渡すことができます。

535
00:27:46,470 --> 00:27:48,220
私達はちょうどに頼っています
何JavaScriptの意志

536
00:27:48,220 --> 00:27:53,772
それを作成することである、私たちのために行います
私たちに代わってイベントオブジェクトの一種。

537
00:27:53,772 --> 00:27:56,730
よりJavaScriptにもっとたくさんあり​​ます
私たちはこのビデオでカバーしてきたこと、

538
00:27:56,730 --> 00:27:58,521
これらを持ちます
基本的にはあなたを取得する必要があります

539
00:27:58,521 --> 00:28:00,690
かなり長い方法へ
あなたはすべてを学習します

540
00:28:00,690 --> 00:28:04,030
このことについて知っておく必要があります
興味深い言語。

541
00:28:04,030 --> 00:28:05,000
私はダグロイドです。

542
00:28:05,000 --> 00:28:07,010
これはCS50です。

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