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
>> Даг LLOYD: Значи од сега ние сме стари
предностите на веб програмирање, нели?

4
00:00:08,690 --> 00:00:12,140
И ние сме опфатени неколку
јазици во одделни видеа.

5
00:00:12,140 --> 00:00:14,690
И сега ајде да се направи уште една, за да вклучите.

6
00:00:14,690 --> 00:00:17,370
>> Прво добрата вест, го вклучите Javascript-
е модерна програмирање

7
00:00:17,370 --> 00:00:21,410
јазик многу сличен на PHP чија
Синтаксата е изведен од С,

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
Всушност, постојат
три јазици што сум

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 ние исто така може,
извинете, скриптирање

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, вашата веб страница.

80
00:03:49,520 --> 00:03:52,610
>> Така да вклучите променливи, ние ќе
почнам да зборувам за синтаксата тука.

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 ние ќе направи нешто
вака, знакот за долар х.

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 е еднаква на 44 во PHP.

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
Conditionals, сите наши
стари пријатели од Ц и 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 секоја функција е
запознаени со функцијата на клучни зборови.

107
00:05:08,199 --> 00:05:10,740
Велиш функција, а потоа ќе се
почнуваат да се дефинира вашата функција.

108
00:05:10,740 --> 00:05:12,531
Што е малку различен
за да вклучите,

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
Но ајде да ги разгледаме
во она што едноставен вклучите Javascript-

117
00:05:35,710 --> 00:05:37,850
Функцијата може да изгледа.

118
00:05:37,850 --> 00:05:40,610
>> Па јас сум качил напред и
отвори мојот CS50 ИРО

119
00:05:40,610 --> 00:05:43,690
и јас сум веќе се кандидира Апачи
да започне мојот сервер работи.

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
и јас сум со оглед на ова
име, се вика алармирање датум.

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
покрие сè во едно видео.

155
00:07:28,330 --> 00:07:32,220
Но доволно е да се каже, тоа се случува
да се врати да ме точка а податоците кои

156
00:07:32,220 --> 00:07:35,470
encapsulates на тековните датум и време.

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
Значи, повторно, ова е на копчето што го
се врзани за оваа именувана функција.

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
тоа е 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
Оној кој е во сите цели броеви, и оној што
е помешано различни типови на податоци.

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
Сега да вклучите има способност да
се однесуваат како објектно ориентирано програмирање

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 или struct
кои ги научивме за пред.

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
области или својства, еден на
цел број за годината на автомобилот

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 еднаква на 1.963,

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
>> Па полиња се биде
фундаментален за С структури

216
00:10:32,990 --> 00:10:39,050
се многу слични својства се
фундаментален за да вклучите објекти.

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
ако мислите дека за еден
struct, функцијата

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
исто како и ние не можеме да кажеме година или модел
независно од struct во В.

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, еден, два, три,
и така натаму, како ние сме навикнати од 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
наречен Херби со две
својства во него.

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
на едно за секој циклус, кој ќе ни овозможи
да iterate во текот на сите на вредноста на клучните

265
00:13:22,730 --> 00:13:25,270
пара асоцијативна
низа, затоа што ние

266
00:13:25,270 --> 00:13:29,050
не ја имаат оваа способност да iterate
преку 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
само за да ви покаже брзо
разликата помеѓу четири

284
00:14:35,670 --> 00:14:40,730
во и за на со многу специфична
низа, што имаме тука, недела низа.

285
00:14:40,730 --> 00:14:43,616
Па морам да се најде нова низа
дека сум исполнет со седум жици,

286
00:14:43,616 --> 00:14:46,240
Понеделник, вторник, среда,
Четврток, петок, сабота, недела.

287
00:14:46,240 --> 00:14:50,530
И сакам да сега iterate
преку оваа низа,

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 е вид на еден

294
00:15:08,090 --> 00:15:10,630
начин на вршење на печатење F во JavaScript.

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
>> Добро, па ние сме назад овде
во мојот прозорец на прелистувачот

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-- јас не сум ќе
ви го покаже код за тоа токму сега,

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, еден, два, три, четири, пет,

312
00:15:58,440 --> 00:15:58,940
шест.

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
Но, ако јас сега исчистам конзола, а јас
за да се префрлите на тест, а четири од тестот

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
>> Сите права, како ние сега да се почне
concatenate жици, а можеби и ги измеша

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
Ова е како ние ќе го стори тоа со помош на
точка операторот да concatenate жици.

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
Имам две опции, стринг зграда
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
тоа да се печати од понеделник е ден број
еден, вторник е ден број два.

346
00:17:46,280 --> 00:17:50,140
Но, се чини како да сум
секогаш ги отпечатите еден.

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
Сега дека операторот на плус се користи за
concatenate жици и додадете броеви

356
00:18:16,260 --> 00:18:19,550
заедно, треба да вклучите
да се направи својата најдобра претпоставка

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, еден, два, три, четири, пет или шест,

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
И така, ако ние поп назад во текот на ИРО, јас сум
случува да го исчистите од мојата конзола, повторно,

377
00:19:18,285 --> 00:19:20,660
а јас ќе одам да кликнете низа
градење верзија две, што

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
Ден број еден понеделник, вторник
е ден број два, и така натаму.

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 е вид на
како постигнувања, тоа продолжни спојници надвор

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
Така, тоа е вид на аналогни на користење
јамка за да iterate во текот на секој елемент

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, и тоа е се здобија пет
работи во него, еден, два, три, четири,

419
00:21:25,370 --> 00:21:26,410
пет.

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, i е помал од

424
00:21:42,520 --> 00:21:47,390
или еднакво на 4, I плус, плус, и
потоа со двоен секој број.

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
каде што би ви се допаѓа
да се зголеми двојно секој број.

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
Планирам некоја функција што
прифаќа еден параметар, бр,

442
00:22:38,400 --> 00:22:41,890
и она што таа функција го прави тоа
се враќа NUM 2 пати.

443
00:22:41,890 --> 00:22:45,330
И така, по овој
мапирање се применува,

444
00:22:45,330 --> 00:22:50,090
Сега тоа е она што nums изглед
како, два, четири, шест, осум, 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
>> Па имам друго копче тука
во мојот дом страница, наречена двојно.

448
00:22:58,000 --> 00:23:03,570
И кога ќе кликнете двапати, и тоа кажува
мене пред тоа беше еден, два, три, четири,

449
00:23:03,570 --> 00:23:07,250
пет по два, четири, шест, осум, 10.

450
00:23:07,250 --> 00:23:11,930
И ако се вратам и кликнете двапати
еднаш, два, четири, шест, осум, 10.

451
00:23:11,930 --> 00:23:17,400
А потоа и по, четири,
осум, 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
on-line од седум до 13, јас сум
прави малку фенси работа тука,

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
Настан е нешто што едноставно се случува,
кога корисникот се поврзува со вашиот веб-

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
кога тие настани
се случи на вашиот веб-страница.

482
00:24:56,090 --> 00:24:59,170
>> Па можеби и вашата html
изгледа нешто како ова.

483
00:24:59,170 --> 00:25:02,240
И имам две копчиња тука,
копче за една и две копчиња,

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
се претпоставува дека на кликање на
копче за една или две копчиња.

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
Беше тоа еден копче или тоа беше копчето два?

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
Тоа ќе биде еден копче или копчето два.

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
И јас имам тука копче
едно копче и два.

526
00:27:17,660 --> 00:27:19,820
А јас ќе кликнете на копчето еден.

527
00:27:19,820 --> 00:27:23,930
Сте кликнале на копчето еден, ако
може да се види тука, во состојба на готовност.

528
00:27:23,930 --> 00:27:25,810
ВО РЕД.

529
00:27:25,810 --> 00:27:28,980
Кликнете на копчето за две,
кликнале на копчето два.

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
Ние не треба да се напише два одделни
функции или да се има да се справи со

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