JavaScript Function expression

- في الدرس السابق تم شرح الـ Function declaration
- وتم شرح 3 طُرق لإستدعاء الـ Functions

- وفى هذا الدرس سوف نشرح الـ Function expression
- و الـ 3 طُرق لإستدعاء هذه الـ Functions

طريقة كتابة الـ Function expression

const/let الاسم=function( ) {

مجموعة من الأوامر

};

⚠ نلاحظ ان هذه ال function التي تحتوي على مجموعة من الأوامر لن تقوم بتنفيذ هذه الأوامر إلا اذا قمت بعمل استدعاء الـ Function

Call The Function

- call the function تعنى استدعاء الـ Function

ويوجد 3 طرق لإستدعاء الـ Function

1 Function أنا انفذها بمزاجى

وذلك عن طريق: الاسم();

2 Function تُنفذ نفسها بنفسها

وذلك عن طريق:

const/let الاسم= ( function( ) {

مجموعة من الأوامر

} ) ( ) ;

3 Function يتم تنفيذها بعد عدد معين من الثوانى

وذلك عن طريق:

setTimeout( الاسم , milliseconds)

⚠ 1 sec=1000 milliseconds

عند وضع الـ Function داخل أقواس فهذه الـ function تُسمى callback Function

JavaScript Arrow Function=>

فى عام 2015 تم اضافة طريقة مختصرة لكتابة الـ Function expression وهي الـ Arrow Functions

طريقة كتابة الـ Arrow Functions

( )=> {

مجموعة من الأوامر

}

أو

const/let الاسم=( )=> {

مجموعة من الأوامر

}

⚠ يُفضل استخدام الـ Arrow Functions عند عمل الـ callback function

ما هى الـ callback function ؟
هى عندما يتم استدعاء الـ function داخل أقواس

⚠ يتم استدعاء الـ Arrow Functions مثل استدعاء الـ Function expression
لأن الـ Arrow Functions هى عبارة عن Function expression

تمارين جافا سكريبت

  1. ما هى طُرق كتابة الـ functions ؟
  2. يعنى ايه callback function ؟
  3. يعنى ايه anonymous function ؟

اختصارات جافا سكريبت

  1. nfn 👉 Function expression
  2. anfn 👉 Arrow Function
  3. sto 👉 setTimeout

يجب ان تقوم بتحميل اضافة تُسمى JavaScript (ES6) code snippets لكى تعمل هذه الاختصارات

الفيديوهات الخاصة بالدرس

#6 أفضل طريقة لكتابة الfunction

فى هذا الفيديو تم شرح
الوقتالشرح
00:00javascript function data type
05:00calling the function
08:00javascript best practice

#6.1 javascript Arrow function

فى هذا الفيديو تم شرح
الوقتالشرح
00:00javascript hoisting problem
04:30javascript Arrow function
08:08اختصارات ال function

#6.2 ملخص الfunction

فى هذا الفيديو تم شرح
الوقتالشرح
00:00function best practice
03:51لا تقوم بحفظ الاكواد
05:25اختصارات الجافا سكريبت
06:50javascript setTimeOut
09:00حل تمارين الجافا سكريبت
😡
انت مشغل الـ AdBlock !!

ياريت تقفله لوسمحت 😊 😊

تنبيه هام ✋

إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك