1
00:00:00,000 --> 00:00:03,840
>> [عزف الموسيقى]

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

3
00:00:05,770 --> 00:00:08,690
>> DOUG لويد: حتى الآن نحن عمري
الايجابيات في برمجة الويب، أليس كذلك؟

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
>> أولا الخبر السار، وجافا سكريبت
هي البرمجة الحديثة

7
00:00:17,370 --> 00:00:21,410
لغة PHP الذي يشبه إلى حد كبير
مشتق من جملة C،

8
00:00:21,410 --> 00:00:22,830
لذلك هذا هو مكان جيد للبدء.

9
00:00:22,830 --> 00:00:25,880
فقد حان قديمة قدم PHP، وكذلك،
بعد أن كان حوالي 20 عاما.

10
00:00:25,880 --> 00:00:28,600
اخترع حولها
في نفس الوقت PHP.

11
00:00:28,600 --> 00:00:32,240
وجافا سكريبت هي فعلا جميلة
أساسية لتجربة المستخدم

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
مع الموقع، أتش تي أم أل،
المغلق، وجافا سكريبت.

16
00:00:42,650 --> 00:00:46,030
وحتى الآن دعونا نتحدث
قليلا عن جافا سكريبت.

17
00:00:46,030 --> 00:00:50,301
>> الأخبار السيئة، رغم ذلك، مع جافا سكريبت
أنه يحدد الكثير من القواعد لنفسها،

18
00:00:50,301 --> 00:00:51,300
ومن ثم فإنه يكسر لهم.

19
00:00:51,300 --> 00:00:54,010
ويمكن أن يكون في الواقع جافا سكريبت
نوع من التحدي للتعلم،

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
جافا سكريبت لديها نوع
من حصلت مرنة بحيث

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
كما جافا سكريبت.

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
وحتى نتمكن من البدء في غزوة
إلى تفعيل جافا قليلا.

30
00:01:21,470 --> 00:01:25,750
>> لكتابة جافا سكريبت، على غرار افتتاح
حتى ملف C مع C تمديد نقطة

31
00:01:25,750 --> 00:01:29,770
أو ملف PHP بملحق نقطة PHP،
كل ما عليك القيام به هو فتح ملف

32
00:01:29,770 --> 00:01:31,764
مع ملف التمديد النقطة شبيبة.

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
جافا سكريبت هي التي بما في ذلك
في علامة أتش تي أم أل،

37
00:01:43,502 --> 00:01:46,210
وسنرى قليلا عن
كيف نفعل ذلك في مجرد لحظة.

38
00:01:46,210 --> 00:01:48,210
>> والشيء الآخر الذي يجعل
جافا سكريبت مختلفة،

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
ولكن جافا سكريبت يدير جانب العميل.

45
00:02:04,900 --> 00:02:06,710
يدير جافا سكريبت على جهاز الكمبيوتر الخاص بك.

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
وعادة ما يتم حجب الإعلانات من قبل
مما أسفر عن مقتل كل من جافا سكريبت

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
يمكنك فقط وقف
جافا سكريبت لتشغيل تماما.

52
00:02:21,910 --> 00:02:27,030
وهذا يعني أيضا أنه عند استخدام
موقع على شبكة الانترنت يتضمن جافا سكريبت،

53
00:02:27,030 --> 00:02:32,450
لديك لارسال المصدر جافا سكريبت
كود كجزء من استجابة HTTP الخاص بك

54
00:02:32,450 --> 00:02:34,159
إلى العميل عندما يطلبون ذلك.

55
00:02:34,159 --> 00:02:35,950
وذلك قد لا يكون ل
تريد استخدام جافا سكريبت

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
الذهاب لتلقي كافة التعليمات البرمجية المصدر،
ليس فقط أتش تي أم أل التي يتم إنشاؤها،

59
00:02:45,610 --> 00:02:49,030
مثل هو الحال مع القول PHP.

60
00:02:49,030 --> 00:02:51,620
>> كيف لنا إذن أن تشمل جافا سكريبت
في أتش تي أم أل جهدنا لتبدأ؟

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
وبالمثل مع جافا سكريبت
يمكننا فتح علامات البرنامج النصي،

65
00:03:03,450 --> 00:03:06,660
علامة HTML أخرى لم نكن
الحديث عنها في فيديو أتش تي أم أل لدينا،

66
00:03:06,660 --> 00:03:09,720
والكتابة الجافا سكربت في
بين هذه العلامات النصي.

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
لربط في جافا سكريبت
بشكل منفصل، لذلك كنت لا

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
أن تكتب بك
الجافا سكربت في ملفات منفصلة

78
00:03:40,720 --> 00:03:45,460
واستخدام مصدر علامات البرنامج النصي
السمة لربط جافا سكريبت

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
من المتغيرات في جافا سكريبت ل
تشبه الى حد بعيد PHP المتغيرات.

84
00:03:59,490 --> 00:04:03,270
لا يوجد نوع محدد، و
عند إدخال متغير،

85
00:04:03,270 --> 00:04:05,070
أنت البادئة مع الكلمة فار.

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
إذا كنا نفعل في
نفس الشيء في جافا سكريبت،

91
00:04:17,040 --> 00:04:19,589
يمكن أن نقول فار س يساوي 44.

92
00:04:19,589 --> 00:04:22,780
حتى فار هو نوع من طريقنا
إدخال متغير.

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
مع أي نوع البيانات، سلاسل،
سيكون أي شيء آخر عن أن يكون فار.

96
00:04:34,490 --> 00:04:37,260
الشرطية، كل من
الأصدقاء القدامى من C و PHP

97
00:04:37,260 --> 00:04:41,640
لا تزال متاحة، لذلك علينا إذا،
آخر إذا، وإلا، والتبديل والسؤال

98
00:04:41,640 --> 00:04:42,240
علامة القولون.

99
00:04:42,240 --> 00:04:45,890
التبديل تبقى مرنة بقدر ما
كان في PHP، ولكن كل هذه كنت

100
00:04:45,890 --> 00:04:46,930
على دراية حتى الآن.

101
00:04:46,930 --> 00:04:49,900
وبالمثل مع الحلقات هي
المفضلة القديمة من الوقت،

102
00:04:49,900 --> 00:04:52,700
قيام بعض الوقت، ولللا تزال متاحة لنا.

103
00:04:52,700 --> 00:04:55,880
لذلك نحن نعرف بالفعل الكثير من
نوع جافا سكريبت الأساسي للأساسيات

104
00:04:55,880 --> 00:05:01,800
فقط بحكم وجود لا بأس به
المعرفة الآن حول C و PHP.

105
00:05:01,800 --> 00:05:03,670
>> ماذا عن وظائف في جافا سكريبت؟

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
ولكن دعونا مجرد إلقاء نظرة
في ما جافا سكريبت بسيط

117
00:05:35,710 --> 00:05:37,850
وظيفة قد تبدو.

118
00:05:37,850 --> 00:05:40,610
>> حتى لقد ذهبت إلى الأمام و
فتحت لي IDE 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
وأنا مدعيا في الجزء العلوي هنا
أن هذا هو المقطع جافا سكريبت

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
>> حسنا، نحن سوف يتوجه الى بلدي العبوات الناسفة،
ولقد فتح صفحة home.html هنا.

127
00:06:03,662 --> 00:06:05,620
في البداية،
هنا حيث أنا ربط

128
00:06:05,620 --> 00:06:07,500
في كل من بلدي الملفات المصدر جافا سكريبت.

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
لذلك أنا لم أكتب أي
جافا سكريبت مباشرة في هذا الملف،

133
00:06:18,660 --> 00:06:21,790
ولكني سحبت في جميع
جافا سكريبت لقد كتب بشكل منفصل.

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
وهذه هي الطريقة التي يمكن نوع من خلط
قليلا من جافا سكريبت و HTML.

140
00:06:41,792 --> 00:06:44,500
فإنها في الواقع لعب بشكل جيد جدا
معا، وذلك على ما يبدو عندما

141
00:06:44,500 --> 00:06:48,730
I انقر على هذا الزر، وانا ذاهب
استدعاء بعض تاريخ التنبيه وظيفة.

142
00:06:48,730 --> 00:06:53,660
ولها بالمثل I تعريف السلوكيات
لجميع الأزرار الأخرى التي

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، وهو
ملف جافا سكريبت بأنني

147
00:07:03,850 --> 00:07:07,370
كتب له هذه الوظيفة الأولى
ونحن في طريقنا لنلقي نظرة على.

148
00:07:07,370 --> 00:07:11,630
كما ترون، وأنا أبدأ جافا سكريبت
تعمل مع وظيفة الكلمة،

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
وحقا جافا سكريبت غير ذلك
كبيرة لا نستطيع ربما

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
تلخص التاريخ والوقت الحالي.

157
00:07:35,470 --> 00:07:39,100
أنا تخزين أنه في متغير أنا
على ما يبدو ذاهب لتنبيه التاريخ الحالي.

158
00:07:39,100 --> 00:07:41,300
>> حسنا، ماذا يفعل في حالة تأهب
التاريخ نظرة الحالي مثل؟

159
00:07:41,300 --> 00:07:46,460
دعونا نلقي نظرة على الملف نفسه
دعم أكثر في نافذة المتصفح.

160
00:07:46,460 --> 00:07:49,551
ذلك مرة أخرى، وهذا هو الزر الذي I
ربطت ل، هذه الوظيفة مسمى.

161
00:07:49,551 --> 00:07:51,800
ثم اضغط على ذلك هناك و
انظروا ماذا فعل ذلك، فإنه ينبه.

162
00:07:51,800 --> 00:07:56,140
لقد ظهرت هذا النوع مربع من قول
لي أن الوقت الحالي هو، على ما يبدو

163
00:07:56,140 --> 00:07:59,370
انها في 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
الذي يأتي مع العمل مع جافا سكريبت.

171
00:08:22,500 --> 00:08:24,650
>> المصفوفات في جافا سكريبت ل
جميلة واضحة.

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
يكون جافا سكريبت مشروعة تماما.

177
00:08:36,960 --> 00:08:42,500
واحدة هذا كل الأعداد الصحيحة، واحد
واختلطت أنواع البيانات المختلفة.

178
00:08:42,500 --> 00:08:45,020
>> ما هو شيء مختلف جدا
في جافا سكريبت، على الرغم من؟

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
هنا في سياق جافا سكريبت.

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
يمكن أن تكون صعبة للغاية لمعرفة
جافا سكريبت كما البرمجة الأولى

188
00:09:10,610 --> 00:09:13,890
لغة، لأنه لا
تناسب حقا نموذج معين.

189
00:09:13,890 --> 00:09:16,430
>> C من ناحية أخرى هو
وظيفية لغة البرمجة.

190
00:09:16,430 --> 00:09:22,270
إذا كنا نريد أن، وظائف هي
نوع من رجل كبير رئيسه، أليس كذلك؟

191
00:09:22,270 --> 00:09:24,410
أنها تملي ما
يحدث كل شيء آخر.

192
00:09:24,410 --> 00:09:26,600
نريد تغيير المتغيرات،
ندعو الوظائف.

193
00:09:26,600 --> 00:09:28,220
ونحن نفعل الأشياء إلى وظائف.

194
00:09:28,220 --> 00:09:31,250
كائنات بدلا من ذلك، في
الاعتراض اللغة المنحى،

195
00:09:31,250 --> 00:09:35,937
الكائنات نوع من تصبح نجمة و
وظائف تصبح نوعا من الثانوي.

196
00:09:35,937 --> 00:09:38,270
ولكن ما هو كائن، ما
هو هذه الفكرة لكائن؟

197
00:09:38,270 --> 00:09:40,880
حسنا، إذا كان ذلك يساعد، والتفكير
حول هذا الموضوع في النوع الأول

198
00:09:40,880 --> 00:09:44,540
من مثل هيكل C أو البنية
أننا تعلمنا من قبل.

199
00:09:44,540 --> 00:09:47,430
في C، ويحتوي على هيكل
عدد من المجالات،

200
00:09:47,430 --> 00:09:51,174
وربما نحن الآن قد تبدأ ل
استدعاء هذه الخصائص المجالات.

201
00:09:51,174 --> 00:09:53,590
ولكن خصائص أبدا حقا
الوقوف على قدميها، أليس كذلك؟

202
00:09:53,590 --> 00:09:56,410
إذا يمكنني تحديد هيكل للسيارة
مثل هذا بما يلي اثنين

203
00:09:56,410 --> 00:10:00,750
الحقول أو الخصائص، وهي واحدة
صحيح للسنة السيارة

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
نوع السيارة البنية هيربي.

207
00:10:10,080 --> 00:10:13,730
وبعد ذلك يمكنني أن أقول شيئا
مثل يساوي herbie.year 1963،

208
00:10:13,730 --> 00:10:15,850
وherbie.model يساوي بيتل.

209
00:10:15,850 --> 00:10:17,000
وهذا موافق.

210
00:10:17,000 --> 00:10:19,680
أنا باستخدام الحقول في
سياق الهيكل،

211
00:10:19,680 --> 00:10:22,290
ولكن أنا لا يمكن أبدا فقط
أقول شيئا من هذا القبيل.

212
00:10:22,290 --> 00:10:22,790
الصحيح؟

213
00:10:22,790 --> 00:10:26,836
لا يمكنني استخدام اسم الحقل
مستقلة للهيكل.

214
00:10:26,836 --> 00:10:28,210
انها نوع من شيء أساسي.

215
00:10:28,210 --> 00:10:32,990
>> من المجالات التي يجري
الأساسية للهياكل C

216
00:10:32,990 --> 00:10:39,050
هي مشابهة جدا لخصائص يجري
أساسي إلى كائنات جافا سكريبت.

217
00:10:39,050 --> 00:10:42,080
ولكن ما يجعل منها
اهتمام بوجه خاص

218
00:10:42,080 --> 00:10:46,230
غير أن الأشياء يمكن أن يكون أيضا ما
تسمى الطرق، التي هي في الحقيقة

219
00:10:46,230 --> 00:10:50,730
مجرد نزوة لكلمة المهام التي
المتأصلة في الكائن كذلك.

220
00:10:50,730 --> 00:10:55,340
لذلك فمن وظيفة التي يمكن أن تكون فقط
ودعا في سياق كائن.

221
00:10:55,340 --> 00:10:59,200
فقط كائن الذي حدد
هذه الوظيفة داخل لها،

222
00:10:59,200 --> 00:11:02,020
إذا كنت تفكر في
البنية، وظيفة

223
00:11:02,020 --> 00:11:05,720
يتم تعريف داخل تلك تعريف
الأقواس المجعدة للهيكل.

224
00:11:05,720 --> 00:11:07,980
ذلك يعني فقط شيء
إلى الهيكل.

225
00:11:07,980 --> 00:11:10,960
وهذا النوع من ما نقوم به
هنا مع الأشياء والأساليب.

226
00:11:10,960 --> 00:11:13,580
انها في الاساس وكأننا
تحديد الوظيفة التي

227
00:11:13,580 --> 00:11:16,670
فقط من المنطقي على
كائن معين، ولذا فإننا

228
00:11:16,670 --> 00:11:19,440
ندعو إلى أن أسلوب للكائن.

229
00:11:19,440 --> 00:11:23,180
ونحن لا يمكن أبدا أن نسمي ذلك
وظيفة مستقلة من وجوه،

230
00:11:23,180 --> 00:11:29,260
تماما مثل لا نستطيع أن نقول سنة أو نموذج
مستقلة عن البنية في C.

231
00:11:29,260 --> 00:11:32,300
>> البرمجة الوظيفية ذلك
نماذج تبدو شيئا من هذا القبيل.

232
00:11:32,300 --> 00:11:35,450
وظيفة وبعد ذلك عندما كنت تمر
في كائن كمعلمة.

233
00:11:35,450 --> 00:11:38,650
في البرمجة الشيئية
لغات، وهذا يحصل نوع من

234
00:11:38,650 --> 00:11:43,464
انقلبت، وكنا نفكر
انها مثل هذا، object.function.

235
00:11:43,464 --> 00:11:45,380
لذلك النوع من تلك النقطة
المشغل مما يعني مرة أخرى

236
00:11:45,380 --> 00:11:49,540
أنه نوعا من الملكية
أو سمة من الكائن نفسه.

237
00:11:49,540 --> 00:11:53,240
ولكن هذا هو ما كائن
لغة البرمجة الموجهة

238
00:11:53,240 --> 00:11:57,150
قد القيام به لجعل وظيفة
ندعو طريقة، مرة أخرى، والتي

239
00:11:57,150 --> 00:12:00,260
هي مجرد كلمة خاصة لوظيفة
هذا هو الأصيل في كائن.

240
00:12:00,260 --> 00:12:03,440
هذا هو ما أن
جملة قد تبدو.

241
00:12:03,440 --> 00:12:09,360
ولذا فإننا سوف نبدأ في رؤية بعض
هذا في سياق جافا سكريبت.

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
>> ويلاحظ هنا أن أستعمل
علامات الاقتباس المفردة في جافا سكريبت.

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
عندما كنت أكتب جافا سكريبت،
كنت مجرد استخدام علامات الاقتباس المفردة.

262
00:13:10,230 --> 00:13:15,050
ولكن يمكنني أن استخدام علامات الاقتباس المزدوجة هنا، و
من شأنه أن يكون على ما يرام تماما كذلك.

263
00:13:15,050 --> 00:13:17,470
>> لذلك تذكر كيف في
PHP كان لدينا هذه الفكرة

264
00:13:17,470 --> 00:13:22,730
من أجل كل حلقة من شأنها أن تسمح لنا
تكرار في كل مكان من قيمة المفتاح

265
00:13:22,730 --> 00:13:25,270
أزواج لالنقابي
مجموعة، لأننا

266
00:13:25,270 --> 00:13:29,050
لم يكن لديك هذه القدرة على تكرار
من خلال 0، واحد، اثنان، ثلاثة، أربعة،

267
00:13:29,050 --> 00:13:30,710
وهلم جرا؟

268
00:13:30,710 --> 00:13:35,010
جافا سكريبت لديه شيء مشابه جدا،
ولكنها ليست يسمى لكل حلقة،

269
00:13:35,010 --> 00:13:38,960
انه دعا للفي الحلقات.

270
00:13:38,960 --> 00:13:42,890
لذلك إذا قلت لي مثل
هذا، على المفتاح فار في الكائن،

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
لذلك لمفتاح فار في الكائن، ولدي
استخدام الكائن بين قوسين معقوفين

279
00:14:17,240 --> 00:14:19,340
المفتاح داخل الحلقة.

280
00:14:19,340 --> 00:14:24,580
لفار مفتاح من وجوه، ويمكنني أن
مجرد استخدام المفتاح داخل الحلقة،

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
وأريد أن تكرار الآن
من خلال هذه المجموعة،

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 الطباعة في جافا سكريبت.

295
00:15:10,630 --> 00:15:12,040
ولكن ما هو وحدة؟

296
00:15:12,040 --> 00:15:14,940
حسنا، هذا ما نحن ذاهبون
للذهاب نلقي نظرة على الحق الآن.

297
00:15:14,940 --> 00:15:16,850
>> OK، لذلك نحن هنا مرة أخرى
في نافذة المتصفح الخاص بي،

298
00:15:16,850 --> 00:15:19,410
وانا ذاهب لفتح
يصل أدوات المطورين بلدي.

299
00:15:19,410 --> 00:15:22,290
مرة أخرى، أنا مجرد ضرب F12
لفتح أدوات المطورين.

300
00:15:22,290 --> 00:15:25,670
ولاحظ أن هنا في
أعلى لقد اخترت وحدة التحكم.

301
00:15:25,670 --> 00:15:28,480
لذلك هذا هو مفهوم
من وحدة تحكم مطور،

302
00:15:28,480 --> 00:15:30,500
وسوف تسمح لنا ل
طباعة المعلومات بها،

303
00:15:30,500 --> 00:15:33,000
نوع من مثل المحطة، ولكن
كما سترى بعد ذلك بقليل،

304
00:15:33,000 --> 00:15:37,720
يمكننا أيضا كتابة المعلومات في
للتفاعل مع الصفحة على شبكة الإنترنت.

305
00:15:37,720 --> 00:15:42,320
أنا ذاهب لتكبير قليلا هنا،
وأنا ستعمل الآن انقر على لفي الاختبار.

306
00:15:42,320 --> 00:15:45,230
وأربعة في test-- انا لا شيء
تظهر لك رمز لذلك في الوقت الحالي،

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
I طباعتها الاثنين،
الثلاثاء الاربعاء.

322
00:16:33,480 --> 00:16:36,930
لذلك هذا هو الفرق بين
للفي الحلقة، التي تطبع

323
00:16:36,930 --> 00:16:43,410
مجرد المفاتيح إذا كنت تستخدم فقط مفتاح
داخل الجسم من الحلقة،

324
00:16:43,410 --> 00:16:46,850
وللمن حلقة، والذي يطبع
من القيم إذا كنت تستخدم فقط

325
00:16:46,850 --> 00:16:48,870
المفتاح داخل الجسم من الحلقة.

326
00:16:48,870 --> 00:16:52,380
>> كل الحق، وكيف يمكننا الآن البدء في
سلسلة السلاسل وربما خلط

327
00:16:52,380 --> 00:16:57,220
بعض المتغيرات مع الاستيفاء
كما تمكنا من القيام به في PHP؟

328
00:16:57,220 --> 00:16:59,410
حسنا، نحن على دراية جدا
مع هذا من PHP.

329
00:16:59,410 --> 00:17:04,109
هذه هي الطريقة التي كنا نفعل ذلك باستخدام
مشغل نقطة لسلسلة السلاسل.

330
00:17:04,109 --> 00:17:06,260
في جافا سكريبت، على الرغم من
ونحن في الواقع استخدام شيء

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
الآن يستخدم المشغل بالإضافة إلى
سلسلة السلاسل وإضافة أرقام

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 وجافا سكريبت،

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
هو قول جافا سكريبت، من قبل
الطريق، وعلاج هذا كعدد،

369
00:18:53,210 --> 00:18:57,100
لا تعامل على أنها سلسلة، حتى
على الرغم من أننا خلط معا سلاسل

370
00:18:57,100 --> 00:18:58,940
والأعداد الصحيحة هنا.

371
00:18:58,940 --> 00:19:02,204
>> انها مجرد واحدة من تلك الأشياء
أنه يبدو كبيرا جدا في سياق

372
00:19:02,204 --> 00:19:04,120
أننا لم يكن لديك ل
التعامل مع أنواع بعد الآن،

373
00:19:04,120 --> 00:19:05,828
لكن في بعض الأحيان عليك
واجهت وضعا

374
00:19:05,828 --> 00:19:09,110
بالضبط مثل هذا حيث أن
لم يكن لديك السيطرة على أنواع

375
00:19:09,110 --> 00:19:11,220
يمكن أن تأتي بنتائج عكسية عليك
إذا كنت غير دقيق.

376
00:19:11,220 --> 00:19:18,285
وحتى إذا كنا البوب ​​العودة الى IDE، وأنا
الذهاب لطرد حدة التحكم الخاصة بي مرة أخرى،

377
00:19:18,285 --> 00:19:20,660
وانا ذاهب الى فوق سلسلة
بناء الإصدار الثاني، الذي

378
00:19:20,660 --> 00:19:23,052
هو المكان الذي يمكنني استخدام هذه الوظيفة تحليل كثافة العمليات.

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
في الواقع، كل شيء في
جافا سكريبت هو في الواقع كائن.

387
00:19:45,180 --> 00:19:47,190
حتى ظائف هي
حالة خاصة من كائن،

388
00:19:47,190 --> 00:19:49,770
أعداد صحيحة خاص
حالة الجسم،

389
00:19:49,770 --> 00:19:52,152
ولكن صفائف على وجه التحديد
لدينا عدد من الطرق.

390
00:19:52,152 --> 00:19:55,110
تذكر لأنهم كائنات،
فإنها يمكن أن يكون الخصائص والأساليب.

391
00:19:55,110 --> 00:19:58,600
لديهم عدد من الأساليب التي
يمكن تطبيقها على هذه الكائنات.

392
00:19:58,600 --> 00:20:01,197
هناك طريقة تسمى
حجم، array.size،

393
00:20:01,197 --> 00:20:03,030
الذي سيعود ل
كنت كما قد تتوقع

394
00:20:03,030 --> 00:20:05,120
عدد العناصر في مجموعة الخاصة بك.

395
00:20:05,120 --> 00:20:08,480
array.pop، نوع من مثل
لدينا فكرة ظهرت قبالة

396
00:20:08,480 --> 00:20:11,110
من كومة، إذا كنتم تذكرون
من وجهة نظرنا مداخن الفيديو،

397
00:20:11,110 --> 00:20:13,810
يزيل العنصر الأخير من مجموعة.

398
00:20:13,810 --> 00:20:17,110
array.push يضيف عنصرا جديدا
إلى نهاية صفيف.

399
00:20:17,110 --> 00:20:20,910
array.shift هو نوع من
مثل DQ، فإنه من التوصيلات

400
00:20:20,910 --> 00:20:23,610
العنصر الأول جدا من صفيف.

401
00:20:23,610 --> 00:20:27,549
>> ولكن هناك أيضا خاصة أخرى
طريقة مجموعة تسمى خريطة.

402
00:20:27,549 --> 00:20:29,340
وهذا هو نوع من
مفهوم مثير للاهتمام.

403
00:20:29,340 --> 00:20:30,930
فما هي فكرة الخريطة؟

404
00:20:30,930 --> 00:20:33,880
سترى هذا الواقع
في عدة لغات أخرى،

405
00:20:33,880 --> 00:20:38,550
ونحن لا نتحدث عن
نوع من رسامي الخرائط خريطة هنا،

406
00:20:38,550 --> 00:20:41,480
نحن نتحدث عن وظيفة رسم الخرائط.

407
00:20:41,480 --> 00:20:44,110
في السياق نحن
نتحدث هنا، خريطة

408
00:20:44,110 --> 00:20:47,950
غير أننا على العمليات الخاصة
يمكن أن تؤدي على مجموعة

409
00:20:47,950 --> 00:20:51,630
تطبيق وظيفة معينة
إلى كل عنصر من عناصر هذا الصفيف.

410
00:20:51,630 --> 00:20:55,190
وهكذا يمكن أن نقول في
هذه الحالة، ربما array.map،

411
00:20:55,190 --> 00:21:00,330
وداخله، ونحن تمرير
إلى خريطة دالة التي نريد

412
00:21:00,330 --> 00:21:02,430
ليتم تطبيقها على كل عنصر واحد.

413
00:21:02,430 --> 00:21:07,299
لذلك نوع من مشابهة لاستخدام
حلقة تكرار على كل عنصر

414
00:21:07,299 --> 00:21:09,340
وتطبيق خاص
يعمل على كل عنصر،

415
00:21:09,340 --> 00:21:14,830
فقط جافا سكريبت وقد بنيت هذه في
فكرة رسم الخرائط التي يمكن تطبيقها.

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
ما يمكن القيام به هو مجرد استخدام حلقة
لفار الأول يساوي 0، I أقل من

424
00:21:42,520 --> 00:21:47,390
أو يساوي 4، وبالاضافة الى ذلك، بالاضافة الى ذلك، و
ثم يتضاعف كل رقم واحد.

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
وماذا يعني أن وظيفة
ويعود الأسطوانات مرات 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، و
I سحب ما يصل لي وظيفة غير معروفة وهنا

454
00:23:25,210 --> 00:23:28,780
على خط سبعة إلى 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
>> حتى واحد أكثر من موضوع كبير للحديث عن في
جافا سكريبت غير مفهوم حدث.

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
ويحتوي جافا سكريبت
القدرة على دعم شيء

470
00:24:17,460 --> 00:24:21,760
دعا معالج الحدث، الذي
هي وظيفة رد الاتصال

471
00:24:21,760 --> 00:24:23,329
يستجيب لحدث أتش تي أم أل.

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
>> وذلك ربما لديك أتش تي أم أل
يبدو شيئا من هذا القبيل.

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
انها سوف تكون بعض جافا سكريبت
الوظيفة التي يستجيب إلى الحدث

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
وحتى الآن في بلدي منفصلة
ملف جافا سكريبت، وأنا قد

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
فار الزناد يساوي الحدث
عنصر مصدر نقطة.

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
وهو ملف جافا سكريبت حيث
قمت بتعريف هذه الوظيفة.

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
نحن فقط الاعتماد على
ما سوف جافا سكريبت

536
00:27:48,220 --> 00:27:53,772
تفعل بالنسبة لنا، والتي هي لخلق هذا
نوع من كائن الحدث نيابة عنا.

537
00:27:53,772 --> 00:27:56,730
هناك الكثير لتفعيل جافا من
ما كنا المشمولة في هذا الفيديو،

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