تعريفات وظائف JavaScript
يتم تعريف وظائف JavaScript بالكلمة
function
الأساسية.
يمكنك استخدام تصريح دالة أو تعبير دالة .
إقرارات الوظيفة
في وقت سابق من هذا البرنامج التعليمي ، تعلمت أنه يتم الإعلان عن الوظائف بالصيغة التالية:
function functionName(parameters) {
// code to be executed
}
لا يتم تنفيذ الوظائف المعلنة على الفور. يتم "حفظها لاستخدامها لاحقًا" ، وسيتم تنفيذها لاحقًا ، عند استدعائها (يتم استدعاؤها).
مثال
function myFunction(a, b) {
return a * b;
}
تُستخدم الفواصل المنقوطة لفصل عبارات JavaScript القابلة للتنفيذ. نظرًا لأن إعلان
الوظيفة ليس عبارة قابلة للتنفيذ ، فليس من الشائع إنهاءها بفاصلة منقوطة.
تعبيرات الوظيفة
يمكن أيضًا تعريف دالة JavaScript باستخدام تعبير .
يمكن تخزين تعبير دالة في متغير:
مثال
const x = function (a, b) {return a * b};
بعد تخزين تعبير دالة في متغير ، يمكن استخدام المتغير كدالة:
مثال
const x = function (a, b) {return a * b};
let z = x(4, 3);
الوظيفة المذكورة أعلاه هي في الواقع وظيفة مجهولة (وظيفة بدون اسم).
لا تحتاج الوظائف المخزنة في متغيرات إلى أسماء وظائف. يتم استدعاءها دائمًا (تسمى) باستخدام اسم المتغير.
تنتهي الوظيفة أعلاه بفاصلة منقوطة لأنها جزء من تعليمة قابلة للتنفيذ.
الوظيفة () المُنشئ
كما رأيت في الأمثلة السابقة ، يتم تعريف وظائف JavaScript function
بالكلمة الأساسية.
يمكن أيضًا تحديد الوظائف باستخدام مُنشئ دالة JavaScript مدمج يسمى
Function()
.
مثال
const myFunction = new Function("a", "b", "return a * b");
let x = myFunction(4, 3);
ليس عليك في الواقع استخدام مُنشئ الدالة. المثال أعلاه هو نفسه الكتابة:
مثال
const myFunction = function (a, b) {return a * b};
let x = myFunction(4, 3);
في معظم الأحيان ، يمكنك تجنب استخدام new
الكلمة الأساسية في JavaScript.
وظيفة الرفع
في وقت سابق من هذا البرنامج التعليمي ، تعرفت على "الرفع" ( JavaScript Hoisting ).
الرفع هو سلوك JavaScript الافتراضي لنقل الإعلانات إلى أعلى النطاق الحالي.
ينطبق الرفع على الإعلانات المتغيرة والإعلانات الوظيفية.
لهذا السبب ، يمكن استدعاء وظائف JavaScript قبل الإعلان عنها:
myFunction(5);
function myFunction(y) {
return y * y;
}
لا يتم رفع الوظائف المحددة باستخدام تعبير.
وظائف الاستدعاء الذاتي
يمكن جعل تعبيرات الوظائف "ذاتية الاستدعاء".
يتم استدعاء تعبير ذاتي الاستدعاء (بدء) تلقائيًا ، دون أن يتم استدعاؤه.
سيتم تنفيذ تعبيرات الوظائف تلقائيًا إذا كان التعبير متبوعًا بـ ().
لا يمكنك استدعاء إعلان دالة ذاتيًا.
يجب عليك إضافة أقواس حول الدالة للإشارة إلى أنها تعبير دالة:
مثال
(function () {
let x = "Hello!!"; // I will invoke myself
})();
الوظيفة المذكورة أعلاه هي في الواقع وظيفة ذاتية استدعاء مجهولة (وظيفة بدون اسم).
يمكن استخدام الوظائف كقيم
يمكن استخدام وظائف JavaScript كقيم:
مثال
function myFunction(a, b) {
return a * b;
}
let x = myFunction(4, 3);
يمكن استخدام وظائف JavaScript في التعبيرات:
مثال
function myFunction(a, b) {
return a * b;
}
let x = myFunction(4, 3) * 2;
الوظائف هي كائنات
العامل typeof
في JavaScript يسترجع "function" للوظائف.
ولكن ، يمكن وصف وظائف JavaScript بشكل أفضل ككائنات.
وظائف JavaScript لها خصائص وطرق .
تُرجع arguments.length
الخاصية عدد الوسائط المتلقاة عند استدعاء الوظيفة:
مثال
function myFunction(a, b) {
return arguments.length;
}
يعيد toString()
التابع الدالة كسلسلة نصية:
مثال
function myFunction(a, b) {
return a * b;
}
let text = myFunction.toString();
الوظيفة المعرفة على أنها خاصية كائن ، تسمى طريقة للكائن.
تسمى الوظيفة المصممة لإنشاء كائنات جديدة ، مُنشئ الكائن.
وظائف السهم
تسمح وظائف السهم ببناء جملة قصير لكتابة تعبيرات الوظائف.
لا تحتاج إلى function
الكلمة الأساسية return
والكلمة الرئيسية
والأقواس المتعرجة .
مثال
// ES5
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
وظائف الأسهم ليس لها وظائف خاصة بها this
. فهي ليست مناسبة تمامًا لتعريف طرق الكائن .
لا يتم رفع وظائف الأسهم. يجب تحديدها قبل استخدامها.
يعد الاستخدام const
أكثر أمانًا من الاستخدام var
، لأن تعبير الدالة يكون دائمًا قيمة ثابتة.
يمكنك حذف return
الكلمة الأساسية والأقواس المتعرجة فقط إذا كانت الوظيفة عبارة عن جملة واحدة. لهذا السبب ، قد يكون من الجيد الاحتفاظ بها دائمًا:
مثال
const x = (x, y) => { return x * y };
وظائف الأسهم غير مدعومة في IE11 أو ما قبله.