JavaScript

JavaScript Function Invocation
إستدعاء الدالة في لغة جافا سكريبت

ستتعلم في هذا الدرس إستدعاء الدوال Function Invocation ,وستتعلم أيضاً كيفية استدعاء الدالة نفسها JavaScript Self-Invoking Functions وسنتعرف علي الدوال التي يتم الأعلان عنها بدون أسم Anonymous Function in وعملية رفع الدوال Function Hoisting في لغة جافا سكريبت.

التاريخ

12 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1733

المواضيع

24
الشروحات 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 ؟

  1. نقوم بالأعلان عن متغير قبل بدء الأعلان عن anonymous function.
  2. يتم الأعلان عن الدالة الغير مسماة بكلمة function ونترك أسم الدالة فارغاً بداخل قيمة المتغير.
  3. يتبع كلمة function الاقواس () parentheses.
  4. ثم يتبع الاقواس () 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 في لغة جافا سكريبت:

  1. كتابة الأقواس Parentheses.
  2. بداخل الأقواس Parentheses يتم إضافة دالة بدون إسم من النوع Anonyms Function.
  3. نتبع  الأقواس Parentheses الرئيسية بأقواس Parentheses مرة ثانية لعملية الإستدعاء.
  4. يتم تنفيذ الدالة 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);
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
1
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات