JavaScript Function Invocation
إستدعاء الدالة في لغة جافا سكريبت
ستتعلم في هذا الدرس إستدعاء الدوال Function Invocation ,وستتعلم أيضاً كيفية استدعاء الدالة نفسها JavaScript Self-Invoking Functions وسنتعرف علي الدوال التي يتم الأعلان عنها بدون أسم Anonymous Function in وعملية رفع الدوال Function Hoisting في لغة جافا سكريبت.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JavaScript Function Invocation chevron_left JavaScript
JavaScript Function Invocation
إستدعاء الدالة في لغة جافا سكريبت
</>
JavaScript Function Invocation
إستدعاء الدالة في لغة جافا سكريبت
عملية إ استدعاء الدوال في لغة جافا سكريبت لها أربع مسيمات هي ["invoke a function","call a function", "start a function", or "execute a function"] والشائع أو الأكثر انتشار هو Call a function.
- لن يتم تنفيذ الأوامر البرمجية الموجودة بداخل الدالة لحين إستدعاء الدالة invoke a function.
- يتم إستدعاء الدالة invoke a function عن طريق أسمها function name متبوعاً بالأقواس parentheses.
خطوات الإعلان عن الدالة invoke a function:
- الإعلان عن الدالة بكلمة Function Keyword.
- يتبع Function Keyword الأقواس () Parentheses.
- إختيار إسم مناسب للدالة وله علاقة بالأوامر البرمجية الموجودة بداخل الدالة ويكون متطابق مع شروط تسمية الدوال.
- يتبع إسم الدالة الأقواس المُجعدة {} Curley Braces.
- يكون بداخل {} Curley Braces الأوامر البرمجية التي سوف يتم تنفيذها Code Executed.
</>
Anonymous Function in JavaScript
دالة بدون أسم في لغة جافا سكريبت
تسمح لنا لغة الجافا سكريبت java script بإنشاء دالة دون بدون أسم وتسمي في هذة الحالة anonymous function, ويجب تخزينها في متغير حتي يمكننا الحصول علي القيمة التي تقوم بأرجاعها الدالة مع خاصية return.
- الدوال من النوع anonymous function لا يمكن أستدعاءها بعد عملية الأعلان declare, فيجب تخزينها في متغير لكي تستخدم القيم مرة اخري.
- يمكن أن تكون الدوال من النوع anonymous function عبارة عن عوامل argument or parameters لدوال أخري انظر المثال بالأسفل.
- يمكن أن تقبل الدوال من النوع anonymous function عوامل argument or parameters.
كيف تكتب الدوال anonymous function ؟
- نقوم بالأعلان عن متغير قبل بدء الأعلان عن anonymous function.
- يتم الأعلان عن الدالة الغير مسماة بكلمة function ونترك أسم الدالة فارغاً بداخل قيمة المتغير.
- يتبع كلمة function الاقواس () parentheses.
- ثم يتبع الاقواس () parentheses الأقواس المجعدة {} curly braces.
Anonymous Function
دالة بدون أسم في لغة الجافا سكريبت.
var sum = function (){
return 5 + 10;
};
document.write(sum());
Anonymous Function parameters
دالة بدون أسم مع عوامل في لغة الجافا سكريبت Anonymous Function parameters.
var sum = function (x,y){
return 5 + 10;
};
document.write(sum(3,9) + "<br>");
document.write(sum(5,10));
Anonymous Function parameters for another
دالة بدون أسم مع تستخدم كعوامل لدوال أخري في لغة الجافا سكريبت Anonymous Function parameters.
let = function (x,y){
return x + y;
};
function increment(a,b){
let z = sum(a,b);
return ++z;
}
document.write(increment(3,9) + "<br>");
document.write(increment(5,10));
</>
JavaScript Self-Invoking Functions
إستدعاء الدالة نفسها أثناء عملية الإعلان عنها في لغة جافا سكريبت.
في لغة جافا سكريبت يُمكننا إنشاء دالة يتم تنفيذها أو إستدعائها بشكل تلقائي ويطلق عليها في هذه الحالة "self-invoking" وهي لها نفس وظائف الدالة العادية وتُتبع بالأقواس Parentheses ( ).
- تُعد عملية Self-Invoking Functions طريقة بسيطة وسهلة لتنفيذ مُهمة أو مجموعة من المهام Tasks لمرة واحدة فقط بدون الحاجة لتعريف متغير Global Variable.
- في لغة جافا سكريبت يُمكننا أيضاً إستخدام العوامل Parameters مع الدوال من النوع Self-Invoking Functions.
- في لغة جافا سكريبت أيضاً يُمكنك تعريف متغيرات محلية Local Variables بداخل الدالة من النوع Self-Invoking Functions.
طريقة كتابة الدوال التي تعمل تلقائياً Self-Invoking Functions Syntax في لغة جافا سكريبت:
- كتابة الأقواس Parentheses.
- بداخل الأقواس Parentheses يتم إضافة دالة بدون إسم من النوع Anonyms Function.
- نتبع الأقواس Parentheses الرئيسية بأقواس Parentheses مرة ثانية لعملية الإستدعاء.
- يتم تنفيذ الدالة Function مرة واحدة فقط أثناء عملية الإستدعاء تسمي هذه العملية Self-Invoking Functions.
Self-Invoking Functions Syntax
بسهولة في لغة جافا سكريبت إعلان واستدعاء الدالة في آن واحد.
(function () {
document.write("Hello! it's Invoking Function");
})();
Self Invoking Functions with variable
يمكن استخدام المتغيرات مع الدوال من النوع Self Invoking Functions في لغة جافا سكريبت.
(function () {
let text = "Hello! it's Invoking Function";
document.write(text);
})();
</>
JavaScript Function Hoisting
عملية الرفع مع الدوال في لغة جافا سكريبت
- عملية الرفع Function Hoisting تُشير إلي إستدعاء الدالة Function قبل عملية الإعلان عنها Function Declration وقبل تنفيذ الأوامر البرمجية الموجودة بداخل الدالة Function وهذه العملية صحيحة برمجية.
- عملية الرفع Function Hoisting في javaScript هو أستدعاء الدالة من أعلي الدالة قبل تنفيذ التعليمات البرمجية، يمنحنا ميزة أنه بغض النظر عن مكان الإعلان عن الدوال والمتغيرات ، يتم نقلها إلى أعلى نطاقها بغض النظر عن إذا كان نطاقها global أو local.
Function Hoisting
إستدعاء الدالة أعلي عملية الإعلان في لغة جافا سكريبت.
myFunction(5);
function myFunction(y) {
document.write(y * y);
}
function without hoisting
إستدعاء الدالة بالطريقة الإفتراضية بعد عملية الإعلان عنها في لغة جافا سكريبت.
function myFunction(y) {
document.write(y * y);
}
myFunction(5);
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
