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$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك