وظيفة JavaScript

مثال

قم بتعريف دالة تقوم بإخراج "Hello World" عندما يتم استدعاؤها:

// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}

// Call the function
myFunction();

المزيد من الأمثلة أدناه.

التعريف والاستخدام

functionيعلن البيان عن وظيفة .

يتم "حفظ الوظيفة المعلنة لاستخدامها لاحقًا" ، وسيتم تنفيذها لاحقًا ، عند استدعائها (تسمى).

في JavaScript ، الوظائف هي كائنات ، ولها خصائص وطرق.

يمكن أيضًا تعريف دالة باستخدام تعبير (انظر تعريفات الوظيفة ).

اقرأ برنامج JavaScript التعليمي الخاص بنا لتتعلم كل ما تحتاج لمعرفته حول الوظائف. ابدأ بفصل المقدمة حول وظائف JavaScript ونطاق JavaScript . لمزيد من المعلومات التفصيلية ، راجع قسم الوظائف لدينا حول تعريفات الوظائف والمعلمات والاستدعاء والإغلاق .

أنظر أيضا:

بيان العودة .

بناء الجملة

function functionName(parameters) {
code to be executed
}

المعلمات

Parameter	Description
functionName	Required. The name of the function. Naming rules: same as JavaScript variables.
parameters	Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to `undefined`.

مزيد من الأمثلة

إرجاع قيمة PI:

function myFunction() {
return Math.PI;
}

أعد حاصل ضرب a و b:

function myFunction(a, b) {
return a * b;
}

يمكن أن تنتج دالة ذات وسيطات مختلفة نتائج مختلفة.

تحويل فهرنهايت إلى مئوية:

function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}

يمكن استخدام الوظائف كمتغيرات.

بدلا من:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

يمكنك استخدام:

text = "The temperature is " + toCelsius(32) + " Centigrade";

تحتوي وظائف JavaScript على كائن مضمن يسمى الوسائط.

تُرجع الخاصية arguments.length عدد الوسائط التي تتلقاها الدالة:

function myFunction(a, b) {
return arguments.length;
}

انقر لاستدعاء وظيفة ينتج عنها "Hello World":

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

عندما يتم تخزين تعبير دالة في متغير ، فإن المتغير يحتوي على وظيفة:

const x = function (a, b) {return a * b};

عندما يتم تخزين دالة في متغير ، يمكن استخدام المتغير كدالة:

const x = function (a, b) {return a * b};
let z = x(4, 3);