1
00:00:00,000 --> 00:00:03,840
>> [MÜZİK OYUN]

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

3
00:00:05,770 --> 00:00:08,690
>> Doug LLOYD: şimdi Yani yaşlısın
Web programlama de artıları, değil mi?

4
00:00:08,690 --> 00:00:12,140
Ve biz birkaç kapalı ettik
Bireysel videoları dilleri.

5
00:00:12,140 --> 00:00:14,690
Ve şimdi bir tane daha, JavaScript yapalım.

6
00:00:14,690 --> 00:00:17,370
>> İlk iyi haber, JavaScript
Modern bir programlama

7
00:00:17,370 --> 00:00:21,410
kimin PHP gibi çok dil
söz dizimi, C türetilmiştir

8
00:00:21,410 --> 00:00:22,830
böylece başlamak için iyi bir yerdir.

9
00:00:22,830 --> 00:00:25,880
Bu, aynı zamanda, PHP gibi eski hakkında
yaklaşık 20 yıldır civarında yapılmış olan.

10
00:00:25,880 --> 00:00:28,600
Çevresinde icat edildi
PHP aynı zaman.

11
00:00:28,600 --> 00:00:32,240
Ve JavaScript oldukça aslında
kullanıcı deneyimi temel

12
00:00:32,240 --> 00:00:32,740
ağ-yapının.

13
00:00:32,740 --> 00:00:34,448
Aslında, orada
üç dil ben

14
00:00:34,448 --> 00:00:38,480
makyaj tür söyleyebilirim
etkileşim kullanıcı deneyimi

15
00:00:38,480 --> 00:00:42,650
web sitesi ile, html,
css ve JavaScript.

16
00:00:42,650 --> 00:00:46,030
Ve şimdi en bir konuşalım
JavaScript hakkında biraz.

17
00:00:46,030 --> 00:00:50,301
>> Kötü haber olsa da, sahip JavaScript
kendisi için kurallar bir çok ayarlar,

18
00:00:50,301 --> 00:00:51,300
ve daha sonra onları kırar.

19
00:00:51,300 --> 00:00:54,010
Ve JavaScript aslında olabilir
tür öğrenmek zorlu,

20
00:00:54,010 --> 00:00:57,000
o C aksine çünkü ve
Çok yapılandırılmıştır PHP,

21
00:00:57,000 --> 00:01:00,270
ve çok katı kurallar var
işlerin nasıl için.

22
00:01:00,270 --> 00:01:03,690
JavaScript sorular
o kadar esnek kazanılmış

23
00:01:03,690 --> 00:01:06,650
belki şeyler gitmiyor
Biz onları bekliyoruz şekilde çalışır

24
00:01:06,650 --> 00:01:09,830
ve belki de gerçekten öğrenemez
Bizim ilk programlama dili

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

26
00:01:10,769 --> 00:01:12,810
Yani belki öyle değil, çünkü
kendisi herhangi bir kural ayarlamak,

27
00:01:12,810 --> 00:01:15,754
ve gerçekten yok
iyi kodlama alışkanlıkları uygulamak.

28
00:01:15,754 --> 00:01:18,170
Ama şimdi umarım geliştirdik
Bazı iyi kodlama alışkanlıkları,

29
00:01:18,170 --> 00:01:21,470
ve bu yüzden foray başlayabilirsiniz
JavaScript içine biraz.

30
00:01:21,470 --> 00:01:25,750
>> Açılış benzer JavaScript yazmak için
Bir nokta C uzantılı bir C dosyası kadar

31
00:01:25,750 --> 00:01:29,770
ya da bir nokta PHP uzantılı bir PHP dosyası,
Yapmamız gereken tek şey bir dosya açmak olduğunu

32
00:01:29,770 --> 00:01:31,764
dot js dosya uzantısına sahip.

33
00:01:31,764 --> 00:01:34,430
Biz herhangi bir özel olması gerekmez
biz gibi sınırlayıcı PHP yaptı.

34
00:01:34,430 --> 00:01:36,750
Açı bu tür
braket soru işareti PHP

35
00:01:36,750 --> 00:01:40,300
biz bu gelen, yol alıştığınız o
biz ne olduğunu bizim tarayıcı söylemek

36
00:01:40,300 --> 00:01:43,502
JavaScript dahil gereğidir
Bir html etiketi o

37
00:01:43,502 --> 00:01:46,210
ve biz hakkında biraz göreceksiniz
nasıl bir anda bunu yapmak için.

38
00:01:46,210 --> 00:01:48,210
>> Yapar başka bir şey
Farklı JavaScript,

39
00:01:48,210 --> 00:01:50,580
olsa da, istemci tarafında çalışan olmasıdır.

40
00:01:50,580 --> 00:01:53,430
Yani PHP ile hatırlama olduğunu
Biz gerçekten görmek asla

41
00:01:53,430 --> 00:01:57,041
Bir web sitesi altını çizdi PHP.

42
00:01:57,041 --> 00:01:59,040
Biz şimdiye kadar inceledi Eğer
sayfa kaynak, biz sadece olur

43
00:01:59,040 --> 00:02:02,830
oldu html bakın
Bu PHP tarafından oluşturulan.

44
00:02:02,830 --> 00:02:04,900
Ama JavaScript istemci tarafında çalışır.

45
00:02:04,900 --> 00:02:06,710
Sizin JavaScript bilgisayarda çalışır.

46
00:02:06,710 --> 00:02:09,050
Yapabileceğiniz Ve bu yüzden
şeyler bloker eklemek istiyorum.

47
00:02:09,050 --> 00:02:09,550
Sağ?

48
00:02:09,550 --> 00:02:12,704
Reklam engelleme genellikle yapılır
JavaScript tüm öldürme

49
00:02:12,704 --> 00:02:14,370
Bu belirli bir web sitesi üzerinde çalışıyor.

50
00:02:14,370 --> 00:02:19,000
Ve olurdu çünkü
makine, istemci tarafında çalışacak,

51
00:02:19,000 --> 00:02:21,910
Sadece durabilir
Tamamen çalıştırmak için JavaScript.

52
00:02:21,910 --> 00:02:27,030
Bu da kullandığınızda demektir
JavaScript içeren bir web sitesi,

53
00:02:27,030 --> 00:02:32,450
JavaScript kaynak göndermek zorunda
senin http yanıt parçası olarak kod

54
00:02:32,450 --> 00:02:34,159
müşteriye bunu istediğinde.

55
00:02:34,159 --> 00:02:35,950
Ve böylece olmayabilir
JavaScript kullanmak istiyorsanız

56
00:02:35,950 --> 00:02:38,395
Gerçekten hassas şeyler yapmak
geçen bilgiler gibi

57
00:02:38,395 --> 00:02:41,020
kullanıcıların şifreleri geri hakkında ve
ileri, çünkü aslında konum

58
00:02:41,020 --> 00:02:45,610
Kaynak kodunun tüm alacak,
oluşturulan sadece html,

59
00:02:45,610 --> 00:02:49,030
Böyle söylemek PHP ile durum olurdu.

60
00:02:49,030 --> 00:02:51,620
>> Peki nasıl biz JavaScript dahil
Bizim html başlamak?

61
00:02:51,620 --> 00:02:54,520
CSS benzer Aslında
Burada bunu nasıl tür.

62
00:02:54,520 --> 00:02:56,190
CSS ile biz stil etiketleri var.

63
00:02:56,190 --> 00:03:00,760
Ve bu tarz etiketleri içinde,
Biz bir CSS stil sayfası tanımlayabilirsiniz.

64
00:03:00,760 --> 00:03:03,450
Aynı JavaScript ile
Biz komut dosyası etiketleri açabilir,

65
00:03:03,450 --> 00:03:06,660
Başka bir html etiketi we did not
Bizim html video hakkında konuşmak,

66
00:03:06,660 --> 00:03:09,720
ve JavaScript yazmak
Bu komut etiketleri arasında.

67
00:03:09,720 --> 00:03:13,960
Ayrıca olsa, gibi CSS, biz
CSS dosyaları dışarıda bağlantı olabilir

68
00:03:13,960 --> 00:03:15,900
ve bizim programa yolu içine çekin.

69
00:03:15,900 --> 00:03:18,280
CSS ile biz de can
JavaScript, afedersiniz

70
00:03:18,280 --> 00:03:23,240
biz de kaynağı belirtebilirsiniz
komut etiketinin niteliği

71
00:03:23,240 --> 00:03:25,720
JavaScript bağlamak için
ayrı ayrı, yani yok

72
00:03:25,720 --> 00:03:27,680
bunu yazmak zorunda
betik etiketleri arasında, biz

73
00:03:27,680 --> 00:03:29,600
kullanarak bağlayabilirsiniz
Bu komut etiketi de.

74
00:03:29,600 --> 00:03:33,230
Ve sadece CSS nerede ile durum gibi
biz muhtemelen tavsiye

75
00:03:33,230 --> 00:03:36,090
senin yararına yazmak için
durumda ayrı bir dosyada CSS

76
00:03:36,090 --> 00:03:38,500
Bunu değiştirmek gerekir,
Benzer öneririz do

77
00:03:38,500 --> 00:03:40,720
Eğer sizin yazdığınız
Ayrı dosyalarda JavaScript

78
00:03:40,720 --> 00:03:45,460
ve script etiketleri kaynak kullanımı
senin JavaScript kravat bağlıyor

79
00:03:45,460 --> 00:03:49,520
senin html, web sayfanıza içine.

80
00:03:49,520 --> 00:03:52,610
>> Yani JavaScript değişkenler, yaparız
Burada sözdizimi hakkında konuşmaya başlayın.

81
00:03:52,610 --> 00:03:53,600
Ve biz aracılığıyla gidersiniz
hızlı bir şekilde bu tür

82
00:03:53,600 --> 00:03:56,640
bu yüzden, PHP yaptık çünkü
Bu tüm oldukça aşina olmalıdır.

83
00:03:56,640 --> 00:03:59,490
Yani JavaScript değişkenler
değişkenleri PHP çok benzer.

84
00:03:59,490 --> 00:04:03,270
Orada hiçbir tür belirteci, ve
Bir değişken tanıtmak zaman,

85
00:04:03,270 --> 00:04:05,070
var anahtar sözcüğü ile önek.

86
00:04:05,070 --> 00:04:07,750
PHP biz bir şey yapacağını
Bu gibi dolar işareti, x.

87
00:04:07,750 --> 00:04:09,950
Biz gösterilen işte böyle
değişken, ama hayır, biz

88
00:04:09,950 --> 00:04:12,060
türünü söz yok
değişkenin tüm.

89
00:04:12,060 --> 00:04:15,124
Biz böyle bir şey söylemek istiyorum
dolar işareti x PHP 44 eşittir.

90
00:04:15,124 --> 00:04:17,040
Yaptığımız olsaydı
JavaScript Aynı şey,

91
00:04:17,040 --> 00:04:19,589
Biz var x 44 eşittir söyleyebilirim.

92
00:04:19,589 --> 00:04:22,780
Yani var yolumuza tür
bir değişken tanıtılması.

93
00:04:22,780 --> 00:04:26,850
Bu belki biraz daha sezgisel
Sadece dolar işareti değişkeni daha.

94
00:04:26,850 --> 00:04:29,080
>> Yine, orada beri hiçbir
veri tipleri, biz bu yapabileceğini

95
00:04:29,080 --> 00:04:34,490
herhangi bir veri türü ile, dizeleri,
başka bir şey, tüm var olacaktır.

96
00:04:34,490 --> 00:04:37,260
Ve Şartlı tüm bizim
C ve PHP eski dostlar

97
00:04:37,260 --> 00:04:41,640
hala mevcuttur, bu yüzden eğer var,
else if, else, switch ve soru

98
00:04:41,640 --> 00:04:42,240
mark kolon.

99
00:04:42,240 --> 00:04:45,890
Bunun gibi esnek kalan Anahtarı
PHP, ama sen tüm bu

100
00:04:45,890 --> 00:04:46,930
artık aşina.

101
00:04:46,930 --> 00:04:49,900
Ve döngüler vardır benzer olan
süre eski favoriler,

102
00:04:49,900 --> 00:04:52,700
süre yapmak, bize hâlâ mevcuttur.

103
00:04:52,700 --> 00:04:55,880
Yani zaten biz bir şey biliyorum
temel temel JavaScript tür

104
00:04:55,880 --> 00:05:01,800
Sadece biraz sahip sayesinde
Şimdi C ve PHP hakkında bilgi.

105
00:05:01,800 --> 00:05:03,670
>> Ne JavaScript işlevleri hakkında?

106
00:05:03,670 --> 00:05:08,199
Peki, benzer her işlevi PHP
function anahtar ile tanıtıldı.

107
00:05:08,199 --> 00:05:10,740
Sen fonksiyonunu söylüyorlar, ve sonra seni
senin fonksiyonunu tanımlamak başlar.

108
00:05:10,740 --> 00:05:12,531
Biraz farklı neler var
JavaScript hakkında,

109
00:05:12,531 --> 00:05:15,700
gerçi olması yeteneği
ne bir anonim işlev denir.

110
00:05:15,700 --> 00:05:18,880
Yani işlevleri tanımlayabilirsiniz
bir isim yok.

111
00:05:18,880 --> 00:05:21,222
Bu şey biziz
Gerçekten daha önce görmedim.

112
00:05:21,222 --> 00:05:23,430
Biz gerçekten kavramını kullanırız
anonim fonksiyonunun

113
00:05:23,430 --> 00:05:27,880
Bir süre sonra bu
Video, bu olacak çünkü

114
00:05:27,880 --> 00:05:31,530
bağlamda biraz daha mantıklı
Biz belirli bir durumda görünce

115
00:05:31,530 --> 00:05:33,120
ben burada hazırlanmış ettik.

116
00:05:33,120 --> 00:05:35,710
Ama sadece bir göz atalım
ne basit JavaScript at

117
00:05:35,710 --> 00:05:37,850
fonksiyonu gibi görünebilir.

118
00:05:37,850 --> 00:05:40,610
>> Yani ileride gittim ve
Benim CS50 IDE açtı

119
00:05:40,610 --> 00:05:43,690
ve zaten Apache çalıştırmak
Benim sunucu yayınlanmaya başlaması için.

120
00:05:43,690 --> 00:05:46,800
Ve ben bu dosya var
home.html denilen aç.

121
00:05:46,800 --> 00:05:48,330
Ve ben burada biraz yakınlaştırmak olacak.

122
00:05:48,330 --> 00:05:52,090
Ve temelde görebilirsiniz
Home.html düğmeleri sadece bir demet.

123
00:05:52,090 --> 00:05:55,291
Ve ben burada üstünde iddia ediyorum
Bu JavaScript bölümü olduğu

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

125
00:05:55,790 --> 00:05:59,490
Yani düğmeleri bir sürü burada var,
ancak bu düğmeler aslında ne yapmalıyım?

126
00:05:59,490 --> 00:06:03,662
>> Eh, benim IED üzerinde kafa edeceğiz
ve burada açmayı home.html var.

127
00:06:03,662 --> 00:06:05,620
Başında,
Ben bağlama ediyorum nerede burada

128
00:06:05,620 --> 00:06:07,500
Benim JavaScript kaynak dosyaları tüm.

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

130
00:06:08,000 --> 00:06:12,440
Yani, anonymous.js, clock.js var
Ben kaynak niteliği kullanıyorum

131
00:06:12,440 --> 00:06:14,440
komut etiketi dosya bağlantı.

132
00:06:14,440 --> 00:06:18,660
Yani yazmadım herhangi
Doğrudan bu dosyaya JavaScript,

133
00:06:18,660 --> 00:06:21,790
ama ben çekti onca
JavaScript ayrı ayrı yazdım.

134
00:06:21,790 --> 00:06:24,540
Ve biz burada, bu aşağı kaydırma eğer
gereken tüm biraz tanıdık geliyor

135
00:06:24,540 --> 00:06:27,090
Yeni sözdizimi birazcık.

136
00:06:27,090 --> 00:06:32,655
Biz başlık etiketi için buraya var
fonksiyonları ve sonra bir düğme.

137
00:06:32,655 --> 00:06:35,530
Ben, bir tür düğme var bir giriş var
ve görünüşe göre bunu tıkladığımda,

138
00:06:35,530 --> 00:06:38,130
Bazı çağıracağım
uyarı tarih çalışması.

139
00:06:38,130 --> 00:06:41,792
Ve bu tür karıştırmak nasıl olduğunu
JavaScript ve html biraz.

140
00:06:41,792 --> 00:06:44,500
Onlar aslında oldukça güzel oynamak
Birlikte ve böylece görünüşte ne zaman

141
00:06:44,500 --> 00:06:48,730
Bu düğmeye, ben gidiyorum tıklayın
bazı fonksiyon uyarı tarihini aramak için.

142
00:06:48,730 --> 00:06:53,660
Ve benzer şekilde ben davranışları tanımlanmış olması
Diğer tüm düğmeler için bu

143
00:06:53,660 --> 00:06:56,440
Bu home.html sayfasında bulunmaktadır,
biz dönmeye devam edeceğiz hangi

144
00:06:56,440 --> 00:06:59,172
Bu videonun ders sırasında.

145
00:06:59,172 --> 00:07:00,880
Ama geri gidelim
Burada bir göz atın

146
00:07:00,880 --> 00:07:03,850
clock.js de, ki bu
JavaScript dosyası ben

147
00:07:03,850 --> 00:07:07,370
bu ilk işlevi vardır yazdım
Biz bakmak için gidiyoruz.

148
00:07:07,370 --> 00:07:11,630
Gördüğünüz gibi, benim JavaScript başlayacak
Anahtar kelime fonksiyonu ile fonksiyon,

149
00:07:11,630 --> 00:07:14,560
ve ben bu bir verdik
isim, uyarı tarih denir.

150
00:07:14,560 --> 00:07:18,710
Orada içi, görünüşte bir oluşturmak
Geçerli tarih denen yeni bir yerel değişken.

151
00:07:18,710 --> 00:07:21,500
Ve ben atamak için gidiyorum
Yeni tarihe eşit.

152
00:07:21,500 --> 00:07:24,430
Ve biz bir sürü alabilir
Bir tarih nedir olarak detay,

153
00:07:24,430 --> 00:07:27,060
ve gerçekten JavaScript böyledir
Büyük biz belki yapamam

154
00:07:27,060 --> 00:07:28,330
bir video her şeyi kapsar.

155
00:07:28,330 --> 00:07:32,220
Ama, bu oluyor söylemek yeterli
Bir veri öğesi bana geri dönmek için bu

156
00:07:32,220 --> 00:07:35,470
Geçerli tarih ve saati kapsüller.

157
00:07:35,470 --> 00:07:39,100
Ben ben bir değişken olduğunu saklamak ediyorum
Görünüşe göre geçerli tarih uyarmak için gidiyorum.

158
00:07:39,100 --> 00:07:41,300
>> Peki, uyarı yapar
gibi geçerli tarih bakmak?

159
00:07:41,300 --> 00:07:46,460
Dosyasına kendisi de bir göz atalım
tarayıcı penceresinde üzerine geri.

160
00:07:46,460 --> 00:07:49,551
Yani yine, bu düğme olduğunu ben
Bu adlandırılmış fonksiyona bağlı olması.

161
00:07:49,551 --> 00:07:51,800
Ve ben orada tıklayın ve
bak o ne yaptığını, bu uyarılır.

162
00:07:51,800 --> 00:07:56,140
Bu söylüyorum kutunun bu tür attı
Beni şimdiki zaman görünüşe olduğunu

163
00:07:56,140 --> 00:07:59,370
o 4 Kasım var
Sabah 10:43:43.

164
00:07:59,370 --> 00:08:02,345
Ve şimdi, yine tıklarsanız
Doğru, daha sonra bir kaç saniye var?

165
00:08:02,345 --> 00:08:03,720
Böylece tüm bu işlev yapar bu.

166
00:08:03,720 --> 00:08:07,670
Bu düğmeyi tıklattığınızda, o
Bana bir uyarı mesajı açılır.

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

168
00:08:13,806 --> 00:08:15,690
Yani gerçekten orada değil
işlevleri için çok

169
00:08:15,690 --> 00:08:19,110
Bu, PHP farklıdır
Yeni sözdizimi biraz

170
00:08:19,110 --> 00:08:22,500
Bu JavaScript ile çalışma ile gelir.

171
00:08:22,500 --> 00:08:24,650
>> JavaScript Diziler vardır
Oldukça basit.

172
00:08:24,650 --> 00:08:27,200
Bir diziyi bildirmek için kullanabilirsiniz
Köşeli parantezler sözdizimi

173
00:08:27,200 --> 00:08:30,090
Biz PHP aşina olduğunuzu.

174
00:08:30,090 --> 00:08:33,432
Ve PHP benzer, biz
Ayrıca veri tiplerini karıştırabilirsiniz.

175
00:08:33,432 --> 00:08:35,140
Yani bu dizi, hem de
Bu diziler olur

176
00:08:35,140 --> 00:08:36,960
mükemmel meşru JavaScript olacak.

177
00:08:36,960 --> 00:08:42,500
Tüm tamsayıları var biri ve bir o
Farklı veri türlerini karıştırılır.

178
00:08:42,500 --> 00:08:45,020
>> Çok farklı bir şey neler var
JavaScript olsa?

179
00:08:45,020 --> 00:08:47,020
Bu bir nesnenin kavramı var.

180
00:08:47,020 --> 00:08:50,240
Yani belki duymuşsunuzdur
nesne yönelimli programlama.

181
00:08:50,240 --> 00:08:53,370
Biz, CS50 bunun bir sürü yapmayın
ama biz biraz yapacak

182
00:08:53,370 --> 00:08:55,670
Burada JavaScript bağlamında.

183
00:08:55,670 --> 00:08:59,100
Şimdi JavaScript yeteneği vardır
Bir nesne yönelimli programlama gibi davranırlar

184
00:08:59,100 --> 00:09:02,615
dil, ancak kendisi değil
münhasıran bir nesne yönelimli

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

186
00:09:03,490 --> 00:09:05,281
Ve bu yine geliyor
Geri ben söyledim neden

187
00:09:05,281 --> 00:09:10,610
öğrenmek için çok zor olabilir
İlk programlama gibi JavaScript

188
00:09:10,610 --> 00:09:13,890
dil, öyle değil, çünkü
Gerçekten özel bir paradigma uyacak.

189
00:09:13,890 --> 00:09:16,430
>> Öte yandan C olan
fonksiyonel programlama dili.

190
00:09:16,430 --> 00:09:22,270
Biz istiyorsanız, fonksiyonlar
Büyük patron adam tür, değil mi?

191
00:09:22,270 --> 00:09:24,410
Onlar dikte Ne
her şeyi olmuyor.

192
00:09:24,410 --> 00:09:26,600
Biz değişkenleri değiştirmek istiyorum,
Biz işlevlerini çağıran.

193
00:09:26,600 --> 00:09:28,220
Biz işlevlerine şeyler.

194
00:09:28,220 --> 00:09:31,250
Bir de, bunun yerine Nesneler
yönelimli bir dil nesne,

195
00:09:31,250 --> 00:09:35,937
çeşit yıldızı haline nesneleri ve
fonksiyonları ikincil tür haline gelir.

196
00:09:35,937 --> 00:09:38,270
Ama bir nesne ne nedir
bir nesnenin bu kavramı nedir?

197
00:09:38,270 --> 00:09:40,880
Eh, o yardımcı olur, düşünmek
İlk sıralama bu konuda

198
00:09:40,880 --> 00:09:44,540
bir Cı yapı ya da bir yapı gibi
biz daha önce öğrendik.

199
00:09:44,540 --> 00:09:47,430
C, bir yapı içeren
alanların sayısı,

200
00:09:47,430 --> 00:09:51,174
ve belki de şimdi başlayabilir
Bu alanlar özelliklerini diyoruz.

201
00:09:51,174 --> 00:09:53,590
Ama özellikleri asla gerçekten
Doğru, kendi üzerinde durmak?

202
00:09:53,590 --> 00:09:56,410
Bir araba için bir yapı tanımlarsanız
iki aşağıdaki böyle

203
00:09:56,410 --> 00:10:00,750
alanlar veya özellikleri, tek bir
Arabanın yıl için tamsayı

204
00:10:00,750 --> 00:10:04,290
ve başka bir 10 karakter
araba modeli için dize,

205
00:10:04,290 --> 00:10:07,150
Ben, böyle bir şey söyleyebiliriz
Ben yeni bir değişken bildirebilirsiniz

206
00:10:07,150 --> 00:10:10,080
struct araba herbie evi.

207
00:10:10,080 --> 00:10:13,730
Ve sonra bir şey söyleyebiliriz
gibi herbie.year, 1963 eşittir

208
00:10:13,730 --> 00:10:15,850
ve herbie.model Beetle eşittir.

209
00:10:15,850 --> 00:10:17,000
Bu iyi.

210
00:10:17,000 --> 00:10:19,680
Ben alanları kullanarak yaşıyorum
yapı bağlamında,

211
00:10:19,680 --> 00:10:22,290
ama sadece asla olabilir
Böyle bir şey söylemek.

212
00:10:22,290 --> 00:10:22,790
Sağ?

213
00:10:22,790 --> 00:10:26,836
Ben alan adını kullanamazsınız
yapıdan bağımsız.

214
00:10:26,836 --> 00:10:28,210
Bu temel bir şey bu.

215
00:10:28,210 --> 00:10:32,990
>> Alanlar olmak Yani
C yapılarının temel

216
00:10:32,990 --> 00:10:39,050
özellikleri olan çok benzeyen
JavaScript nesnelerine temel.

217
00:10:39,050 --> 00:10:42,080
Ama ne bunları yapar
özellikle ilgi çekici

218
00:10:42,080 --> 00:10:46,230
nesneler de ne olabilir ki
gerçekten denir yöntemleri,

219
00:10:46,230 --> 00:10:50,730
fonksiyonlar için sadece bir fantezi kelime olduğunu
nesneye özgü da vardır.

220
00:10:50,730 --> 00:10:55,340
Bir işlev yani sadece olabilir
Bir nesnenin bağlamında denir.

221
00:10:55,340 --> 00:10:59,200
Tanımlamıştır Yalnızca bir nesne
onun içinde bu işlev,

222
00:10:59,200 --> 00:11:02,020
Eğer düşünecek olursanız
yapı, fonksiyon

223
00:11:02,020 --> 00:11:05,720
tanımlayanlar içinde tanımlanır
Yapının kaşlı.

224
00:11:05,720 --> 00:11:07,980
Yani sadece şey demektir
yapısına.

225
00:11:07,980 --> 00:11:10,960
Ve biz ne yapıyoruz tür olduğunu
Burada nesnelerin ve yöntemlerle.

226
00:11:10,960 --> 00:11:13,580
Biz gibisin temelde
bir işlev tanımlama olduğunu

227
00:11:13,580 --> 00:11:16,670
Sadece üzerinde mantıklı
Özellikle nesne ve böylece biz

228
00:11:16,670 --> 00:11:19,440
Nesnenin bir yöntem olduğunu diyoruz.

229
00:11:19,440 --> 00:11:23,180
Ve biz o ismi asla
Nesnenin bağımsız işlevi

230
00:11:23,180 --> 00:11:29,260
Biz yıl veya model diyemeyiz gibi
C. yapı bağımsız

231
00:11:29,260 --> 00:11:32,300
>> Yani fonksiyonel programlama
paradigmalar şuna benzer bir şey.

232
00:11:32,300 --> 00:11:35,450
İşlev ve ardından geçirdiğinizde
bir parametre olarak nesne.

233
00:11:35,450 --> 00:11:38,650
Bir nesne yönelimli programlamada
dil, bu tür alır

234
00:11:38,650 --> 00:11:43,464
saygısız ve biz düşünmek istiyorum
o object.function böyle.

235
00:11:43,464 --> 00:11:45,380
Yani noktanın bu tür
Operatör tekrar ima

236
00:11:45,380 --> 00:11:49,540
bu özellik bir çeşit olduğunu
veya nesnenin kendisi niteliği.

237
00:11:49,540 --> 00:11:53,240
Ama bu ne bir nesnedir
yönelimli programlama dili

238
00:11:53,240 --> 00:11:57,150
bir işlev yapmak için ne olabilir
Yine, bir yöntem üzerinde dediğiniz

239
00:11:57,150 --> 00:12:00,260
sadece özel bir kelime bir işlev için
Bu bir nesneye doğasında vardır.

240
00:12:00,260 --> 00:12:03,440
Bu Ne olduğunu
sözdizimi gibi görünebilir.

241
00:12:03,440 --> 00:12:09,360
Ve böylece biz bazı görmeye başlarsınız
JavaScript bağlamında bu.

242
00:12:09,360 --> 00:12:12,470
>> Ayrıca, bir nesne hakkında aklınıza gelebilecek
tür bir ilişkisel dizi gibi,

243
00:12:12,470 --> 00:12:14,160
Biz PHP aşina olan.

244
00:12:14,160 --> 00:12:17,720
Bir ilişkisel dizi izin verir hatırla
bize bunun yerine, anahtar değer çiftleri var

245
00:12:17,720 --> 00:12:23,040
indeksleri 0, bir, iki, üç sahip
ve biz C alıştığınız böylece gibi

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

247
00:12:23,940 --> 00:12:27,472
İlişkilendirilebilir diziler eşleyebilirler
Böyle bir PHP videoda olduğu gibi sözler,

248
00:12:27,472 --> 00:12:29,180
konuştuğumuz
Pizza Topingler.

249
00:12:29,180 --> 00:12:31,180
Ve bu yüzden bir dizi vardı
denilen pizzalar ve biz

250
00:12:31,180 --> 00:12:36,670
vardı peyniri bir anahtar oldu ve 8,99 $ oldu
değer ve sonra acıkmak bir anahtar oldu,

251
00:12:36,670 --> 00:12:39,190
9,99 $ yani bir değer olduğunu ve.

252
00:12:39,190 --> 00:12:43,300
Ve böylece biz de bir düşünmek olabilir
Bir ilişkisel sort benzer nesne

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

254
00:12:43,840 --> 00:12:47,020
Burada Ve böylece bu sözdizimi
Yeni bir nesne yaratacak

255
00:12:47,020 --> 00:12:50,950
iki ile adı herbie
bunun içinde özellikleri.

256
00:12:50,950 --> 00:12:57,310
Değeri 1.963 atanan Yıl,
dize atanır ve model

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

258
00:12:58,140 --> 00:13:01,770
>> Ve ben kullanıyorum burada fark
JavaScript tek tırnak.

259
00:13:01,770 --> 00:13:05,570
Sen, tek veya çift tırnak kullanabilirsiniz
ne zaman dizeleri bahsediyoruz.

260
00:13:05,570 --> 00:13:07,772
Sadece geleneksel var
dava çoğu kez

261
00:13:07,772 --> 00:13:10,230
ne zaman JavaScript yazıyoruz,
Sadece tek tırnak kullanın.

262
00:13:10,230 --> 00:13:15,050
Ama burada çift tırnak kullanımı ve ebil
bu kadar iyi mükemmel iyi olurdu.

263
00:13:15,050 --> 00:13:17,470
>> Peki nasıl hatırlıyor
PHP, biz bu kavramı vardı

264
00:13:17,470 --> 00:13:22,730
Bizi sağlayacak her döngü için a
anahtar değeri tüm üzerinde yineleme için

265
00:13:22,730 --> 00:13:25,270
Bir ilişkisel çiftleri
Dizi, çünkü biz

266
00:13:25,270 --> 00:13:29,050
yineleme için bu yeteneği yoktu
0 ile, bir, iki, üç, dört,

267
00:13:29,050 --> 00:13:30,710
ve benzeri?

268
00:13:30,710 --> 00:13:35,010
JavaScript, çok benzer bir şey var
ancak, her döngü için bir denir değil

269
00:13:35,010 --> 00:13:38,960
o döngüler için bir denir.

270
00:13:38,960 --> 00:13:42,890
Yani bana böyle dedi, eğer
Bu, nesne var anahtarı,

271
00:13:42,890 --> 00:13:48,670
söyleyerek karşı bir çeşit benziyor
bir şey olarak her şey için.

272
00:13:48,670 --> 00:13:53,850
Ama burada yapıyorum tüm yineleme olduğunu
Benim nesnenin tüm tuşları aracılığıyla.

273
00:13:53,850 --> 00:13:56,070
Ve Kıvırcık içinde
Orada parantez, yapardım

274
00:13:56,070 --> 00:14:03,410
başvurmak için nesne köşeli parantez tuşunu kullanın
Bu anahtar konumda değer.

275
00:14:03,410 --> 00:14:05,400
>> Seçenek olarak ise, orada
Hatta başka bir yaklaşım.

276
00:14:05,400 --> 00:14:10,880
Ben sadece sadece hakkında bakım
değerler, ben, nesne anahtarı için söyleyebiliriz

277
00:14:10,880 --> 00:14:12,360
ve sadece içeride tuşunu kullanın.

278
00:14:12,360 --> 00:14:17,240
Yani nesne var anahtarı için, ben
Nesne köşeli parantezleri kullanmak

279
00:14:17,240 --> 00:14:19,340
döngü içinde anahtar.

280
00:14:19,340 --> 00:14:24,580
Nesnenin var anahtarı için, elimden
Sadece döngü içinde tuşunu kullanabilirsiniz,

281
00:14:24,580 --> 00:14:29,040
Ben sadece, özellikle olduğum için
Orada değerler hakkında konuşuyor.

282
00:14:29,040 --> 00:14:32,630
>> Yani belki alalım
fark bakmak

283
00:14:32,630 --> 00:14:35,670
sadece hızlı bir şekilde size göstermek için
Dört arasındaki fark

284
00:14:35,670 --> 00:14:40,730
Bir çok özel olan ve için
biz burada dizi, haftanın dizisi.

285
00:14:40,730 --> 00:14:43,616
Yani yeni bir dizi bulmak zorunda
Yedi dizeleri ile dolu olduğunu,

286
00:14:43,616 --> 00:14:46,240
Pazartesi Salı Çarşamba,
Perşembe, Cuma, Cumartesi, Pazar.

287
00:14:46,240 --> 00:14:50,530
Ve şimdi yineleme istiyorum
Bu dizi boyunca,

288
00:14:50,530 --> 00:14:53,090
belirli bilgileri yazdırarak.

289
00:14:53,090 --> 00:14:58,780
Ben döngü için kullanıyorsanız
bilgi yazdırmak için,

290
00:14:58,780 --> 00:15:00,710
Sana alacağım ne düşünüyorsunuz?

291
00:15:00,710 --> 00:15:01,710
Peki, bir göz atalım.

292
00:15:01,710 --> 00:15:05,300
Ve biz üzerinden atlamak önce
Benim tarayıcı penceresine,

293
00:15:05,300 --> 00:15:08,090
Sadece biliyorum
console.log bir çeşit

294
00:15:08,090 --> 00:15:10,630
JavaScript yazdırma F yapmanın yolu.

295
00:15:10,630 --> 00:15:12,040
Ama konsol nedir?

296
00:15:12,040 --> 00:15:14,940
Eh, biz gidiyoruz ne
Şu anda bir göz atın gidin.

297
00:15:14,940 --> 00:15:16,850
>> Tamam, bu yüzden biz geri döndük
Benim tarayıcı penceresinde,

298
00:15:16,850 --> 00:15:19,410
ve ben açacağım
Benim geliştirici araçları kadar.

299
00:15:19,410 --> 00:15:22,290
Yine, ben sadece F12 vuruyorum
geliştirici araçları açmak için.

300
00:15:22,290 --> 00:15:25,670
Ve burada da fark
Üst ben konsolu seçtim.

301
00:15:25,670 --> 00:15:28,480
Yani bu kavram
Bir geliştirici konsolu,

302
00:15:28,480 --> 00:15:30,500
ve bizi sağlayacak
Bilgi çıktı

303
00:15:30,500 --> 00:15:33,000
çeşit terminali gibi ama
Daha sonra biraz göreceğimiz gibi,

304
00:15:33,000 --> 00:15:37,720
biz de bilgiyi yazabilirsiniz
Web sayfamıza ile etkileşim.

305
00:15:37,720 --> 00:15:42,320
Ben burada biraz yakınlaştırmak için gidiyorum
ve ben de şimdi test için tıklayınız değilim.

306
00:15:42,320 --> 00:15:45,230
Ve dört test-- ben vermeyeceğim
Şu anda size bunun için kod göstermek,

307
00:15:45,230 --> 00:15:47,479
ama bunu eğer alırsınız siz
kaynak kodu indirmek olduğunu

308
00:15:47,479 --> 00:15:50,380
Bu video-- ile ilişkilidir
sadece bu döngü içinde içindir

309
00:15:50,380 --> 00:15:52,610
Gördüğümüz sadece bir
İkinci önce slayt.

310
00:15:52,610 --> 00:15:54,810
>> O yüzden tıklayın olduğumu
düğme ve buraya,

311
00:15:54,810 --> 00:15:58,440
Burada çıktısı ne var
Konsol, 0, bir, iki, üç, dört, beş,

312
00:15:58,440 --> 00:15:58,940
altı.

313
00:15:58,940 --> 00:16:02,490
Ben bilgi yazdırmak vermedi
Bu dizi konumları içinde

314
00:16:02,490 --> 00:16:05,180
Ben döngü el çünkü.

315
00:16:05,180 --> 00:16:10,670
Ve döngü gövdesi içinde, ben
Sadece anahtar itiraz anahtarını basılmış.

316
00:16:10,670 --> 00:16:18,600
Ama şimdi benim konsol temizleyin ve ben eğer
Testin için geçiş ve testin dört

317
00:16:18,600 --> 00:16:22,500
Ben döngü kullanmak demek
yerine ve anahtarı yazdırmak

318
00:16:22,500 --> 00:16:28,079
Bunu tıklarsanız, şimdi alıyorum
Benim nesne içinde gerçek unsurları

319
00:16:28,079 --> 00:16:29,120
veya bu durumda benim dizi.

320
00:16:29,120 --> 00:16:31,760
Hafta içi her gün benim dizisi.

321
00:16:31,760 --> 00:16:33,480
Ben Pazartesi basılmış
Salı Çarşamba.

322
00:16:33,480 --> 00:16:36,930
Böylece arasındaki fark var
a için döngü içinde, hangi yazdırır

323
00:16:36,930 --> 00:16:43,410
Sadece tuşunu kullanın eğer sadece tuşları
döngüsünün gövdenin içinde,

324
00:16:43,410 --> 00:16:46,850
ve döngü, baskılar ve bir
değerler üzerinden sadece kullanırsanız

325
00:16:46,850 --> 00:16:48,870
döngü gövdesi içinde tuşuna basın.

326
00:16:48,870 --> 00:16:52,380
>> Pekala, nasıl biz şimdi başlarım
dizeleri bitiştirmek ve belki karıştırmak

327
00:16:52,380 --> 00:16:57,220
interpolasyon ile bazı değişkenler
gibi biz PHP bunu başardık?

328
00:16:57,220 --> 00:16:59,410
Peki, biz oldukça tanıdık
PHP ile bu.

329
00:16:59,410 --> 00:17:04,109
Bu kullandığımız yapacağını nasıl
nokta operatörü dizeleri bitiştirmek için.

330
00:17:04,109 --> 00:17:06,260
JavaScript olsa da,
biz aslında bir şey kullanmak

331
00:17:06,260 --> 00:17:09,290
artı operatörü denir ki
hatta belki biraz daha fazla

332
00:17:09,290 --> 00:17:10,470
sezgisel, değil mi?

333
00:17:10,470 --> 00:17:12,609
Bir demet ekliyoruz
dizeleri bir araya.

334
00:17:12,609 --> 00:17:14,520
Yani geri dönelim
üzerinde ne görmek

335
00:17:14,520 --> 00:17:18,693
Biz yazdırmak için çalışıyorsanız yazdıracak
Hafta dizideki tüm bilgileri.

336
00:17:18,693 --> 00:17:20,859
Burada çok altında Pekala,
Dize birleştirme altında,

337
00:17:20,859 --> 00:17:24,822
Ben iki seçeneğiniz vardır, dize bina
V1 ve sonra dize bina V2.

338
00:17:24,822 --> 00:17:26,530
Ve biz biz neden göreceğiz
Bir saniye V2 gerekir.

339
00:17:26,530 --> 00:17:28,610
Ama ben yapacağım tıklayın
dize bina V1, hangi

340
00:17:28,610 --> 00:17:30,360
biz kod
Sadece bir göz alarak,

341
00:17:30,360 --> 00:17:32,980
artılar tüm console.log.

342
00:17:32,980 --> 00:17:35,910
Şimdi bu baskılar olmadığını görelim
Beklediğimiz ne.

343
00:17:35,910 --> 00:17:39,939
>> Pazartesi, haftanın günü sayısı 01
Salı haftanın günü sayısı 11'dir.

344
00:17:39,939 --> 00:17:41,730
Peki, ben ne çalışıyordum
olsun orada yapmak

345
00:17:41,730 --> 00:17:46,280
Pazartesi günü numarası yazdırmak için
biri, Salı günü sayısı ikidir.

346
00:17:46,280 --> 00:17:50,140
Ama ben gibi görünüyor
Her zaman bir tane yazdırarak.

347
00:17:50,140 --> 00:17:51,260
Peki, neden?

348
00:17:51,260 --> 00:17:55,600
Eh, o çıkıyor, başka bir göz atın
Burada bu kod küçük pasajı da.

349
00:17:55,600 --> 00:18:00,160
Biz artı kullanıyorsanız dikkat edin
İki farklı bağlamlarda operatörü.

350
00:18:00,160 --> 00:18:03,221
>> Ve işte burada belki şeyler var
biz tür söyleyerek oldum,

351
00:18:03,221 --> 00:18:03,970
ah, o kadar harika.

352
00:18:03,970 --> 00:18:05,910
Biz artık veri türleri ile anlaşma yok.

353
00:18:05,910 --> 00:18:08,220
Ama burada nerede bir gerçek
Biz veri tiplerini kaybetmek

354
00:18:08,220 --> 00:18:10,960
aslında biraz olabilir
bizim için bir sorun.

355
00:18:10,960 --> 00:18:16,260
Şimdi artı operatörü için kullanıldığını
dizeleri bitiştirmek ve numaralar eklemek

356
00:18:16,260 --> 00:18:19,550
Birlikte, JavaScript vardır
en iyi tahmin yapmak için

357
00:18:19,550 --> 00:18:22,030
olarak Benim için ne yapmak istediğinizi.

358
00:18:22,030 --> 00:18:23,900
Ve bu durumda, yanlış tahmin.

359
00:18:23,900 --> 00:18:29,340
Sadece birleştirilmiş gün olacak
0, bir, iki, üç, dört, beş, veya altı,

360
00:18:29,340 --> 00:18:32,060
ve sonra sadece birleştirilmiş
Bu ve daha sonra bir tane birleştirilmiş.

361
00:18:32,060 --> 00:18:35,020
Aslında onları bir arada eklemek vermedi.

362
00:18:35,020 --> 00:18:37,320
Ve böylece bu diller,
PHP ve JavaScript,

363
00:18:37,320 --> 00:18:39,196
uzakta özetleri
türleri bu kavramı,

364
00:18:39,196 --> 00:18:40,820
artık onunla uğraşmak zorunda değilsiniz.

365
00:18:40,820 --> 00:18:43,600
Onlar hala başlık altında türlerini var.

366
00:18:43,600 --> 00:18:46,780
Ve biz, can durumlarda
Bu gibi gerçeği kaldıraç

367
00:18:46,780 --> 00:18:49,240
bir şey söyleyerek
belki bu gibi hangi

368
00:18:49,240 --> 00:18:53,210
tarafından, JavaScript anlatıyor
yol, bir tamsayı olarak bu tedavi,

369
00:18:53,210 --> 00:18:57,100
Hatta, bir dizge olarak tedavi yok
ama biz bir araya dizeleri karıştırma ediyoruz

370
00:18:57,100 --> 00:18:58,940
Burada ve tamsayılar.

371
00:18:58,940 --> 00:19:02,204
>> Bu sadece o şeylerden biri
o bağlamda çok büyük görünüyor

372
00:19:02,204 --> 00:19:04,120
biz yok
Artık türleri ile uğraşmak,

373
00:19:04,120 --> 00:19:05,828
ama bazen olacak
bir durum içine çalıştırmak

374
00:19:05,828 --> 00:19:09,110
aynen böyle nereye gerçeği
Eğer türleri üzerinde denetim yok

375
00:19:09,110 --> 00:19:11,220
size geri teper olabilir
Eğer dikkatli değilseniz.

376
00:19:11,220 --> 00:19:18,285
Biz IDE üzerinden geri pop eğer Ve böylece, ben
yine benim konsol temizlemek için gidiyor,

377
00:19:18,285 --> 00:19:20,660
ve ben dize tıklayın gidiyorum
Bina sürümü iki, hangi

378
00:19:20,660 --> 00:19:23,052
O ayrıştırma int işlevini kullanın nerede olduğunu.

379
00:19:23,052 --> 00:19:25,260
Şimdi yazdırarak var
Ben bekliyorum bilgiler.

380
00:19:25,260 --> 00:19:29,330
Pazartesi günü bir numara, Salı
böylece gün iki numaralı ve olduğunu.

381
00:19:29,330 --> 00:19:31,170
>> Yani tekrar işlevleri hakkında konuşalım.

382
00:19:31,170 --> 00:19:34,790
Sanırım anonim hakkında konuşmak söz verdi
fonksiyonlar ve bunun için şimdi bağlam

383
00:19:34,790 --> 00:19:36,360
nihayet geldi.

384
00:19:36,360 --> 00:19:39,980
Biz bunu daha önce bu yüzden, tekrar konuşalım
Sadece bir saniye için diziler hakkında.

385
00:19:39,980 --> 00:19:42,120
Yani diziler bir özeldir
Bir nesnenin durum.

386
00:19:42,120 --> 00:19:45,180
Aslında, her şeyin
JavaScript'imiz bir amacıdır.

387
00:19:45,180 --> 00:19:47,190
Yani fonksiyonlar bir
Bir nesnenin özel bir durum,

388
00:19:47,190 --> 00:19:49,770
tamsayılar bir özeldir
Bir nesnenin durumda,

389
00:19:49,770 --> 00:19:52,152
ancak diziler özellikle
yöntemler bir dizi vardır.

390
00:19:52,152 --> 00:19:55,110
Onlar nesneler çünkü Unutmayın,
Onlar özellikleri ve yöntemleri olabilir.

391
00:19:55,110 --> 00:19:58,600
Bunlar, bir dizi yöntem olduğu
Bu nesnelere de uygulanabilir.

392
00:19:58,600 --> 00:20:01,197
Adı verilen bir yöntem yoktur
boyut, array.size,

393
00:20:01,197 --> 00:20:03,030
bu dönecektir
Eğer beklediğiniz gibi

394
00:20:03,030 --> 00:20:05,120
senin dizideki öğelerin sayısı.

395
00:20:05,120 --> 00:20:08,480
Array.pop, çeşit gibi
haşhaş bizim kavramı

396
00:20:08,480 --> 00:20:11,110
Bir yığının, hatırlarsan
Bizim yığınlar video,

397
00:20:11,110 --> 00:20:13,810
dizinin son öğesini kaldırır.

398
00:20:13,810 --> 00:20:17,110
Array.push yeni bir eleman ekler
Bir dizinin sonuna.

399
00:20:17,110 --> 00:20:20,910
Array.shift tür olduğunu
DQ gibi, dışarı ekliyorsa

400
00:20:20,910 --> 00:20:23,610
Bir dizinin ilk öğesi.

401
00:20:23,610 --> 00:20:27,549
>> Ama aynı zamanda başka bir özel var
Bir dizinin yöntemi haritasını denir.

402
00:20:27,549 --> 00:20:29,340
Ve bu bir çeşit
ilginç bir kavram.

403
00:20:29,340 --> 00:20:30,930
Yani bir harita fikri nedir?

404
00:20:30,930 --> 00:20:33,880
Aslında bu göreceksiniz
Birkaç diğer dillerde,

405
00:20:33,880 --> 00:20:38,550
ve biz bahsetmiyoruz
cartographers tür, burada harita

406
00:20:38,550 --> 00:20:41,480
Biz bir eşleme fonksiyonu bahsediyoruz.

407
00:20:41,480 --> 00:20:44,110
Bağlamda sen
Burada bahsediyoruz, bir harita

408
00:20:44,110 --> 00:20:47,950
özel bir operasyon biziz
Bir dizide gerçekleştirebilirsiniz

409
00:20:47,950 --> 00:20:51,630
Belirli bir işlevi uygulamak için
Bu dizinin her elemanı.

410
00:20:51,630 --> 00:20:55,190
ve böylece biz söyleyebilirim
Bu durumda, belki, Array.map

411
00:20:55,190 --> 00:21:00,330
ve bunun içinde, biz geçiyoruz
Haritada içine istediğimiz bir işlevdir

412
00:21:00,330 --> 00:21:02,430
her bir elemana uygulanır.

413
00:21:02,430 --> 00:21:07,299
Yani kullanarak bir çeşit benzer var
Bir döngü her eleman üzerinde yineleme için

414
00:21:07,299 --> 00:21:09,340
ve belirli bir geçerlidir
her eleman işlevi,

415
00:21:09,340 --> 00:21:14,830
Sadece JavaScript inşa etti
uygulanabilir bir haritalama kavramı.

416
00:21:14,830 --> 00:21:19,700
Ve bu büyük bir bağlam
anonim işlevi hakkında konuşun.

417
00:21:19,700 --> 00:21:22,370
>> Yani biz diyelim
tamsayılar bu dizi.

418
00:21:22,370 --> 00:21:25,370
Bu nums denir ve beş var
bu işler, bir, iki, üç, dört,

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

420
00:21:26,410 --> 00:21:30,620
Şimdi bazı eşlemek istediğiniz
Bu diziye işlev.

421
00:21:30,620 --> 00:21:34,337
Ben bir işlev uygulamak istiyorum
dizinin her elemanı için.

422
00:21:34,337 --> 00:21:37,420
Peki, ben istiyorum ne diyelim
Sadece bütün unsurları ikiye yapmak.

423
00:21:37,420 --> 00:21:42,520
Ben sadece bir döngü kullanmak yapmak ne olabilir
var ben 0'a eşittir, ben daha az

424
00:21:42,520 --> 00:21:47,390
eşit veya 4, ben artı, artı ve
Daha sonra her sayısını iki katına.

425
00:21:47,390 --> 00:21:49,580
Ama ben de böyle bir şey yapabilirsiniz.

426
00:21:49,580 --> 00:21:53,420
Ben nums eskiden söyleyebiliriz
bir iki üç dört beş,

427
00:21:53,420 --> 00:21:58,310
Şimdi, ama, ben seni istiyorum
Bu dizinin üzerine bir eşleme uygulamak

428
00:21:58,310 --> 00:22:00,400
Seni istiyorum nereye
Her sayısını iki katına.

429
00:22:00,400 --> 00:22:02,540
Ve bu tam olarak
burada ne oluyor.

430
00:22:02,540 --> 00:22:06,870
Ama ben geçen ettiğimi fark
argümanı harita olarak.

431
00:22:06,870 --> 00:22:09,080
Bu bir anonim bir işlevdir.

432
00:22:09,080 --> 00:22:11,140
Ve ben vermediyseniz fark
Bu işlev bir isim,

433
00:22:11,140 --> 00:22:13,290
Ben sadece bir parametre listesi verdik.

434
00:22:13,290 --> 00:22:16,370
Ve böylece bu bir örnektir
anonim fonksiyon.

435
00:22:16,370 --> 00:22:21,270
>> Biz genellikle bu çağrı asla
Haritanın bağlamı dışında fonksiyonu.

436
00:22:21,270 --> 00:22:24,110
Biz bir parametre olarak tanımlarken
Haritayı ve bu yüzden gerçekten yapmak

437
00:22:24,110 --> 00:22:27,910
eğer bunun için bir isim olması gerekir
umurunda olan tek şey haritasıdır

438
00:22:27,910 --> 00:22:30,339
ve doğru tanımlanmış oluyor
Orada haritanın içinde.

439
00:22:30,339 --> 00:22:31,880
Ve böylece bu bir anonim bir işlevdir.

440
00:22:31,880 --> 00:22:34,680
Biz mümkün olmamıştır
Daha önce bunu yapmak için.

441
00:22:34,680 --> 00:22:38,400
Bazı fonksiyon haritada o
num, bir parametre kabul eder

442
00:22:38,400 --> 00:22:41,890
ve bu fonksiyon ne
döner kez 2 num edilir.

443
00:22:41,890 --> 00:22:45,330
Ve böylece bundan sonra
eşleme uygulanmıştır,

444
00:22:45,330 --> 00:22:50,090
Bu şimdi ne nums görünüyor olduğunu
gibi, iki, dört, altı, sekiz, 10.

445
00:22:50,090 --> 00:22:52,090
Ve biz pop üzerinden edeceğiz benim
tarayıcı penceresi ve sadece

446
00:22:52,090 --> 00:22:55,240
şuna bir bak
gerçekten hızlı bir şekilde de.

447
00:22:55,240 --> 00:22:58,000
>> Yani burada başka bir düğme var
Benim ana sayfasına çift çağırdı.

448
00:22:58,000 --> 00:23:03,570
Ve ben çift tıklatın ve söyler
Bana bu, bir önce, iki, üç, dört,

449
00:23:03,570 --> 00:23:07,250
Beş, iki, dört, altı, sekiz, sonra 10.

450
00:23:07,250 --> 00:23:11,930
Ve geri dönüp eğer çift tıklayın
Yine, iki, dört, altı, sekiz, 10.

451
00:23:11,930 --> 00:23:17,400
Ve sonra sonra dört,
Sekiz, 12, 16, ve daha sonra 20.

452
00:23:17,400 --> 00:23:20,440
Ve ben bu işlevi ne yapıyorum?

453
00:23:20,440 --> 00:23:25,210
Peki, biz sadece IDE üzerinden pop ve eğer
Burada, benim anonim işlev çekin

454
00:23:25,210 --> 00:23:28,780
13 ile yedinci hatta, ben
Burada biraz fantezi işi,

455
00:23:28,780 --> 00:23:32,240
ama ben sadece çıktısını ediyorum
Ne dizisi şu anda var.

456
00:23:32,240 --> 00:23:36,580
Daha sonra hat 16, 17,
18 benim haritası var.

457
00:23:36,580 --> 00:23:40,930
Ben bu iki katına uyguluyorum budur
her elemanın işlevi.

458
00:23:40,930 --> 00:23:43,530
Ve daha sonra biraz aşağı,
Ben de aynı şeyi yapıyorum

459
00:23:43,530 --> 00:23:46,640
Ben şimdi ben hariç, daha önce yaptığını
dizinin içeriğini yazdırmak

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

461
00:23:48,167 --> 00:23:50,500
Ama ben burada yaptığım tek şey
Sadece bir anonim işlevini kullanın

462
00:23:50,500 --> 00:23:53,640
tüm dizi boyunca haritaya.

463
00:23:53,640 --> 00:23:58,466
>> Yani bir daha büyük bir konu hakkında konuşmak
Javascript bir olay kavramıdır.

464
00:23:58,466 --> 00:24:01,590
Bir olay, sadece bir şeydir
Bir kullanıcı web ile etkileşime girdiğinde

465
00:24:01,590 --> 00:24:04,715
sayfa, belki onlar bir şey tıklayın
ya da belki sayfa yükleme tamamlandığında

466
00:24:04,715 --> 00:24:07,200
ya da belki taşındık
bir şey üzerinde kendi fare,

467
00:24:07,200 --> 00:24:09,290
ya da bir şey yazdığınız
Bir giriş alanına.

468
00:24:09,290 --> 00:24:14,260
Bütün bunlar olaylar
bizim web sayfasında yaşanıyor.

469
00:24:14,260 --> 00:24:17,460
Ve Javascript vardır
yeteneği şey desteklemek

470
00:24:17,460 --> 00:24:21,760
Bir olay işleyicisi denir ki
Bir geri arama işlevi olduğunu

471
00:24:21,760 --> 00:24:23,329
Bir html olayına yanıt.

472
00:24:23,329 --> 00:24:24,620
Ve bir geri çağırma işlevi nedir?

473
00:24:24,620 --> 00:24:27,328
Peki, bu genellikle sadece başka bulunuyor
anonim fonksiyon için isim.

474
00:24:27,328 --> 00:24:30,170
Bu bir işlev olduğunu
bir olaya yanıt verir.

475
00:24:30,170 --> 00:24:34,130
Biz gelip nereye Ve bu
belirli işlevleri bağlanma düşüncesi

476
00:24:34,130 --> 00:24:38,060
Belirli bir html özniteliği.

477
00:24:38,060 --> 00:24:41,420
Çoğu html elemanları var
Bir özellik için destek

478
00:24:41,420 --> 00:24:45,170
Biz html hakkında konuşmak olmadığını
tıklama gibi bir şey için bir video

479
00:24:45,170 --> 00:24:50,540
veya vurgulu ya da yük,
Bu olayların hepsi

480
00:24:50,540 --> 00:24:53,120
Eğer işlevleri yazabilirsiniz
Bu olaylarla bu anlaşma

481
00:24:53,120 --> 00:24:56,090
ne zaman bu olayları
web sayfasında ortaya çıkar.

482
00:24:56,090 --> 00:24:59,170
>> Ve bu yüzden belki html
Böyle bir şey görünüyor.

483
00:24:59,170 --> 00:25:02,240
Ve ben burada iki düğme var,
düğmesine bir düğme ve iki

484
00:25:02,240 --> 00:25:04,620
ve burada ben şu anda var
tanımlı hiçbir şey,

485
00:25:04,620 --> 00:25:11,170
ama bu nerede niteliği üzerinde
tıklama görünüşte benim html etiketinin parçasıdır.

486
00:25:11,170 --> 00:25:15,220
Yani görünüşe göre ben ne tanımlarken
Bu niteliğin içinde oluyor,

487
00:25:15,220 --> 00:25:18,590
bazı JavaScript olacak
olayına yanıt işlevi

488
00:25:18,590 --> 00:25:24,360
muhtemelen üzerine tıklayarak
düğmesine bir veya düğme iki.

489
00:25:24,360 --> 00:25:28,580
>> Ne tür serin bu biz ise ilgili
bir genel olay işleyicisi yazabilirsiniz.

490
00:25:28,580 --> 00:25:32,370
Ve bu olay işleyicisi olacak
bir olay nesnesi oluşturun.

491
00:25:32,370 --> 00:25:37,000
Ve olay nesnesi bize anlatacak
iki düğme hangi tıklandığı.

492
00:25:37,000 --> 00:25:38,064
Şimdi nasıl çalışır?

493
00:25:38,064 --> 00:25:39,730
Peki, böyle bir şey görünebilir.

494
00:25:39,730 --> 00:25:44,860
Bu yüzden öncelikle düğmeleri belirleyecektir
geri arama bir yanıt var

495
00:25:44,860 --> 00:25:47,470
çağrılır işlevi
düğme tıklandığında,

496
00:25:47,470 --> 00:25:49,520
Biz olay uyarı adını arayacağım.

497
00:25:49,520 --> 00:25:53,320
Ve ikimiz de durumda fark
Bu olay parametresinde geçirerek.

498
00:25:53,320 --> 00:25:55,460
Yani biz bu işlev çağrısı
veya bu işlev

499
00:25:55,460 --> 00:26:00,330
oluyor olay tetiklenir,
Bu olay nesnesi oluşturmak için gidiyor

500
00:26:00,330 --> 00:26:03,300
ve bir şekilde geçmek
parametre adını uyarmak için.

501
00:26:03,300 --> 00:26:07,270
Ve bu olay nesnesi
bilgileri içeren gidiyor

502
00:26:07,270 --> 00:26:09,800
hangi düğme tıklandığında edildi.

503
00:26:09,800 --> 00:26:11,580
Ve nasıl bu işe yarıyor?

504
00:26:11,580 --> 00:26:13,654
Peki, böyle bir şey görünebilir.

505
00:26:13,654 --> 00:26:15,570
Yani şimdi benim ayrı olarak
JavaScript dosyası, ben belki

506
00:26:15,570 --> 00:26:17,420
Bu bulmak zorunda
işlev uyarı isim, hangi

507
00:26:17,420 --> 00:26:19,500
Yine o olay parametresini kabul eder.

508
00:26:19,500 --> 00:26:24,640
Ben tespit ediyorum nerede Ve sonra burada
hangi düğme tetikledi,

509
00:26:24,640 --> 00:26:28,100
var tetikleyici olay eşittir
nokta kaynak öğesi.

510
00:26:28,100 --> 00:26:33,150
Oluşturulan kaynak neydi
geçildi, bu olay nesnesi?

511
00:26:33,150 --> 00:26:36,390
O düğmesine bir mıydı yoksa düğme iki miydi?

512
00:26:36,390 --> 00:26:40,710
>> Ve sonra burada yapıyorum hepsi
trigger.innerhtml yazdırarak.

513
00:26:40,710 --> 00:26:43,860
Ama bu durumda, bu
Bağlam, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
düğmesine yazılı sadece budur.

515
00:26:45,940 --> 00:26:48,830
Biz atlama eğer sadece çok olur
Geri bir saniye için, o olur

516
00:26:48,830 --> 00:26:51,670
Bu düğme etiketleri arasında ne var olacak.

517
00:26:51,670 --> 00:26:54,150
Bu düğme, bir veya düğme iki olacaktır.

518
00:26:54,150 --> 00:26:57,320
Ve en az bir göz atalım
bu nasıl olay işleyicisi olurdu

519
00:26:57,320 --> 00:27:01,080
biz pratikte çalışan olsaydı bak.

520
00:27:01,080 --> 00:27:03,850
>> Yani her şeyden önce, sen ettik
açtı events.js,

521
00:27:03,850 --> 00:27:06,517
JavaScript dosyası nerede hangi
Bu fonksiyon tanımladıysanız.

522
00:27:06,517 --> 00:27:08,558
Gördüğünüz gibi, bu kadar
hemen hemen tam olarak ne

523
00:27:08,558 --> 00:27:10,230
biz sadece bir saniye önce slayt gördüm.

524
00:27:10,230 --> 00:27:14,890
Ve ben üzerinden gidecek
Biz kullanarak oldum ana sayfası.

525
00:27:14,890 --> 00:27:17,660
Ve ben düğmesi burada var
tek ve düğme iki.

526
00:27:17,660 --> 00:27:19,820
Ve ben düğmesi birine tıklayın edeceğiz.

527
00:27:19,820 --> 00:27:23,930
Eğer sen, düğmeye tek tıklanan
Burada uyarının görebilirsiniz.

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

529
00:27:25,810 --> 00:27:28,980
, Düğme iki seni tıklayın
Bir düğmeye iki tıkladım.

530
00:27:28,980 --> 00:27:32,150
>> Yani her iki düğme var
Aynı işlev çağrısı, değil mi?

531
00:27:32,150 --> 00:27:35,840
Onlar hem uyarı isim vardı
Olay, ancak bu olay nesnesi

532
00:27:35,840 --> 00:27:41,900
Biz üzerine tıkladığınızda oluşturulur gets
tıklandığında hangi düğme söyler.

533
00:27:41,900 --> 00:27:44,650
Biz ayrı iki yazmak yoktu
sahip işlevleri veya anlaşma

534
00:27:44,650 --> 00:27:46,470
herhangi bir ek bilgi aktarmak için.

535
00:27:46,470 --> 00:27:48,220
Biz sadece güvenerek konum
Ne JavaScript olacak

536
00:27:48,220 --> 00:27:53,772
Bu oluşturmak için hangi yapmak bizim için
bizim adımıza olay nesnesinin tür.

537
00:27:53,772 --> 00:27:56,730
Daha JavaScript çok daha fazla var
Bu videoda kaplı kadarıyla,

538
00:27:56,730 --> 00:27:58,521
ancak sahip bu
Seni almalısınız temel

539
00:27:58,521 --> 00:28:00,690
Oldukça uzun bir yol için
Her şeyi edeceğiz öğrenme

540
00:28:00,690 --> 00:28:04,030
Bu hakkında bilmeniz gereken
ilginç bir dil.

541
00:28:04,030 --> 00:28:05,000
Ben Doug Lloyd değilim.

542
00:28:05,000 --> 00:28:07,010
Bu CS50 olduğunu.

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