Return to Video

Return Statements - JavaScript Basics

  • 0:00 - 0:02
    .دعوني أبين لكم أمرًl رائعًا
  • 0:02 - 0:06
    .في أدوات علامات تبويب Chrome يمكننا بسهولة فتح التعليمة البرمجية المصدر لموقع ويب
  • 0:06 - 0:10
    .كل ما نحتاج إليه هو فتح أدوات المطور الذي سأجريه من خلال Cmd+Option+I
  • 0:11 - 0:12
    .ثم ننتقل إلى جزء sources
  • 0:15 - 0:16
    ،وهنا في sources
  • 0:16 - 0:20
    .يمكننا أن نرى كل التعليمات البرمجية المصدر التي أدَّت إلى موقع الويب الذي نراه خلفنا
  • 0:20 - 0:24
    ولهذا يجب أن يبدو Index.html مألوفًا للغاية، ويمكننا فتح javascripts
  • 0:24 - 0:29
    .ورؤية helper.js وresumebuilder.js
  • 0:29 - 0:31
    .دعونا نفتح helper.js
  • 0:31 - 0:32
    .يمكننا أن نراه هنا
  • 0:32 - 0:37
    .فلنعطي أنفسنا حيزًا أكبر قليلاً، وسوف أمرر للأسفل
  • 0:37 - 0:39
    ،داخل helperjs، حصلنا على كل السلاسل
  • 0:39 - 0:42
    .التي تحتوي على html الذي نحتاج إليه لإضافة الصفحة
  • 0:42 - 0:44
    .ويمكننا أن نعثر على بعض الدوال في الأسفل
  • 0:45 - 0:48
    ،هذا البرنامج النصي للوظائف الموجود هنا يقوم حقيقة بإنشاء الخريطة التي نراها في الصفحة
  • 0:48 - 0:50
    .ولكن سيكون هناك المزيد بهذا الشأن بعد قليل
  • 0:50 - 0:53
    .أما الآن، فلنعر انتباهنا لهذا السطر هنا
  • 0:54 - 0:56
    داخل هذه الدالة التي تسمى locationFinder
  • 0:56 - 0:59
    .نرى هذا العبارة التي تعني مواقع الإرجاع
  • 1:00 - 1:02
    ،رأينا كلمة الإرجاع الأساسية هذه عدة مرات حتى الآن
  • 1:02 - 1:04
    .لكننا لم نتعمق حقيقةً حتى الآن في الغرض منها
  • 1:06 - 1:07
    إنها تسمى عبارة إرجاع
  • 1:07 - 1:10
    .والغرض منها هو أن تجعل الدالة ترد قيمة
  • 1:10 - 1:12
    .>> أعتقد بأني أعلم ما أدركتموه
  • 1:12 - 1:14
    .أظنكم ترغبون في قليل من الإيضاح
  • 1:14 - 1:16
    >> حسنًا، تتذكرون console.log؟
  • 1:16 - 1:19
    ،إنها لا تعيد أي شيء، مما يعني بأننا لو كنا بصدد إنشاء متغير جديد
  • 1:19 - 1:21
    .كهذا
  • 1:21 - 1:26
    .Var hello equals console dot log hello ستصبح undefined عندما نحاول تشغيلها
  • 1:26 - 1:28
    سنرى بأن console dot log قد نجحت
  • 1:28 - 1:32
    .وتمت طباعتها hello، لكننا نراها بعد ذلك undefined أدناها
  • 1:32 - 1:35
    إذا حاولنا فحص المتغير في وقتٍ لاحق من خلال طباعة hello
  • 1:35 - 1:38
    .والضغط على enter، فسوف نرى undefined
  • 1:38 - 1:41
    ،وذلك لأن console dot log لا ترجع أي شيء
  • 1:41 - 1:42
    .فهي لا ترد أي شيء
  • 1:43 - 1:46
    .ومع ذلك، فمعظم الدوال ترجع القيم بالفعل
  • 1:46 - 1:48
    >> مثل الكثير من أساليب السلاسل؟
  • 1:48 - 1:51
    .>> أجل، دعونا ننظر إلى string dot split
  • 1:51 - 1:53
    .سننشئ بدايةً سلسلةً كهذه
  • 1:53 - 1:55
    أنشأت سلسلةً تسمى myString
  • 1:55 - 1:57
    !وعينتها على equal to، وهي سلسلتي المفضلة
  • 1:57 - 2:01
    .ثم سنتابع ونقسِّم السلسلة بمسافات
  • 2:01 - 2:04
    .مما يعني بأننا سنحصل على كل كلمة بمفردها
  • 2:04 - 2:05
    .يعمل التقسيم بهذه الطريقة
  • 2:05 - 2:07
    .ستعمل على السلسلة هنا
  • 2:07 - 2:09
    .وسوف تقسِّمه بناءً على المعلمة هنا
  • 2:09 - 2:12
    هذه المعلمة عبارة عن مسافة واحدةٍ فقط، ولذلك
  • 2:12 - 2:16
    .يجب أن نحصل على صفيف من الكلمات من myString
  • 2:16 - 2:20
    .فلنتابع ونحفظها في المتغير myArray ونضغط enter
  • 2:20 - 2:24
    .حسنًا، وعندما نحاول الوصول إلى myArray، سنرى صفيفًا من السلاسل
  • 2:24 - 2:26
    .This, is, my, favorite, string
  • 2:26 - 2:28
    .كل الكلمات من myString قبلها
  • 2:29 - 2:30
    ،وبمعنى آخر
  • 2:30 - 2:35
    .أرجع التقسيم صفيفًا من السلاسل مساويًا الآن للمتغير myArray
  • 2:35 - 2:36
    !>> أجل، فهمت
  • 2:36 - 2:39
    ،عندما نكتب الدوال التي نريد تحويلها إلى قيمة
  • 2:39 - 2:41
    .لا بد أن ترد لنا قيمة
  • 2:41 - 2:43
    .وإذا نظرنا إلى هذه الدالة ككل
  • 2:43 - 2:46
    .المعلمة هي الإدخال
  • 2:46 - 2:51
    تقوم الدالة بشيء ما باستخدام تلك المعلمة في السلسلة الفعلية
  • 2:51 - 2:52
    .ثم تعطينا قيمةً ما
  • 2:54 - 2:57
    .>> فلنفكر بشأن resumes j's في البيانات وكل المواقع بداخلها
  • 2:57 - 3:03
    .في هذا الاختبار القصير، أريد منكم كتابة دالة تسمى locationizer
  • 3:03 - 3:05
    .وستشمل كائن work
  • 3:05 - 3:10
    .يجب أن تعيد Locationizer صفيفًا من المواقع في كائن work
  • 3:10 - 3:13
    تذكر بأن work تحتوي على كل الوظائف التي عملت بها في الماضي
  • 3:13 - 3:16
    .ولا بد أن يكون لكل منها موقعًا مرتبطًا بها
  • 3:17 - 3:20
    .أريدكم أن تعيدوا صفيفًا من هذه المواقع
  • 3:20 - 3:23
    قد تجدوا من المفيد استخدام أسلوب array.push الذي
  • 3:23 - 3:26
    .سيضيف قيمًا لنهاية الصفيف
  • 3:26 - 3:27
    ،عندما تصلون للاختبار
  • 3:27 - 3:30
    .سترون نموذج json الذي سوف تكرره تعليمتكم البرمجية
  • 3:30 - 3:30
    .تمنياتي بالتوفيق
タイトル:
Return Statements - JavaScript Basics
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
ud804 - Javascript Basics
Duration:
03:32

Arabic subtitles

改訂