وظائف JavaScript
وظيفة JavaScript هي كتلة من التعليمات البرمجية مصممة لأداء مهمة معينة.
يتم تنفيذ وظيفة JavaScript عندما يستدعيها "شيء ما" (يسميها).
مثال
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
بناء جملة وظيفة JavaScript
يتم تعريف دالة JavaScript function
بالكلمة الأساسية ، متبوعة باسم ، متبوعًا بأقواس () .
يمكن أن تحتوي أسماء الوظائف على أحرف وأرقام وشرطات سفلية وعلامات الدولار (نفس قواعد المتغيرات).
قد تتضمن الأقواس أسماء معلمات مفصولة بفواصل:
( معلمة 1 ، معلمة 2 ، ... )
يتم وضع الكود المطلوب تنفيذه بواسطة الوظيفة داخل أقواس معقوفة: {}
function
name(parameter1, parameter2, parameter3) {
// code to be executed
}
يتم سرد معلمات الوظيفة داخل الأقواس () في تعريف الوظيفة.
وسيطات الدالة هي القيم التي تتلقاها الوظيفة عند استدعائها.
داخل الوظيفة ، تتصرف الوسيطات (المعلمات) كمتغيرات محلية.
الوظيفة هي نفسها إجراء أو روتين فرعي في لغات البرمجة الأخرى.
استدعاء الوظيفة
سيتم تنفيذ الكود الموجود داخل الوظيفة عندما يستدعي "شيء ما" ( يستدعي) الوظيفة:
- عند وقوع حدث (عندما ينقر المستخدم على زر)
- عندما يتم استدعاؤه (يسمى) من كود JavaScript
- آلياً (ذاتي الاستدعاء)
سوف تتعلم الكثير عن استدعاء الوظيفة لاحقًا في هذا البرنامج التعليمي.
عودة الوظيفة
عندما تصل JavaScript إلى return
عبارة ، ستتوقف الوظيفة عن التنفيذ.
إذا تم استدعاء الوظيفة من عبارة ، فسوف "تعود" JavaScript لتنفيذ التعليمات البرمجية بعد عبارة الاستدعاء.
غالبًا ما تحسب الدالات القيمة المرتجعة . يتم إرجاع القيمة المعادة إلى "المتصل":
مثال
احسب حاصل ضرب عددين ، وأعد النتيجة:
let x = myFunction(4, 3); // Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
ستكون النتيجة في x:
12
لماذا الوظائف؟
يمكنك إعادة استخدام الكود: قم بتعريف الكود مرة واحدة ، واستخدمه عدة مرات.
يمكنك استخدام نفس الرمز عدة مرات مع وسيطات مختلفة لإنتاج نتائج مختلفة.
مثال
تحويل فهرنهايت إلى مئوية:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
() المشغل يستدعي الوظيفة
باستخدام المثال أعلاه ، toCelsius
يشير إلى كائن الوظيفة ،
toCelsius()
ويشير إلى نتيجة الدالة.
سيؤدي الوصول إلى دالة بدون () إلى إرجاع كائن الوظيفة بدلاً من نتيجة الدالة.
مثال
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
الدالات المستخدمة كقيم متغيرة
يمكن استخدام الدوال بنفس الطريقة التي تستخدم بها المتغيرات ، في جميع أنواع الصيغ والتعيينات والحسابات.
مثال
بدلاً من استخدام متغير لتخزين القيمة المرجعة للدالة:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
يمكنك استخدام الدالة مباشرة كقيمة متغيرة:
let text = "The temperature is " + toCelsius(77) + " Celsius";
سوف تتعلم الكثير عن الوظائف لاحقًا في هذا البرنامج التعليمي.
المتغيرات المحلية
المتغيرات المعلنة ضمن دالة JavaScript ، تصبح محلية للوظيفة.
لا يمكن الوصول إلى المتغيرات المحلية إلا من داخل الوظيفة.
مثال
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
نظرًا لأن المتغيرات المحلية يتم التعرف عليها داخل وظائفها فقط ، يمكن استخدام المتغيرات التي تحمل الاسم نفسه في وظائف مختلفة.
يتم إنشاء المتغيرات المحلية عند بدء تشغيل الوظيفة ، ويتم حذفها عند اكتمال الوظيفة.