الدوال المتقدمة في JavaScript

في هذا الدرس، سنتعلم كيفية استخدام الدوال المتقدمة في JavaScript لتنفيذ مهام معقدة وتقديم وظائف متقدمة.

كما سنتناول كيفية تعريف الدوال التي تأخذ معاملات وتعيد قيم، وكذلك كيفية استخدام تعابير الدوال.

 تعريف دالة مع معاملات وإعادة قيم

الدوال التي تأخذ معاملات وتعيد قيم تعتبر أدوات قوية في JavaScript.

هكذا يوضح  المثال التالي لفهم كيفية عملها:

```javascript
function suggestCar(budget) {
var carsData = {
pro: ['toyota', 'Hyundai'],
vip: ['ferrari', 'lamborghini', 'BMW x7 ^'],
normal: ['lada', 'gmc', 'verna', 'kia']
};

if (budget > 100000) {
return carsData.vip;
} else if (budget > 50000) {
return carsData.pro;
} else {
return carsData.normal;
}

return carsData;
}

alert(suggestCar(100001));
```

 شرح الكود بالتفصيل

- أولاً نقوم بتعريف دالة باسم `suggestCar` تأخذ معاملًا واحدًا وهو `budget` (الميزانية).
- ثم نقوم بتعريف كائن `carsData` يحتوي على ثلاث فئات من السيارات: `pro`، `vip`، و`normal`.
- بعد ذلك نستخدم جمل الشرط `if` للتحقق من قيمة الميزانية وإعادة الفئة المناسبة من السيارات:
- كما إذا كانت الميزانية أكبر من 100000، نعيد قائمة سيارات الفئة `vip`.
- إذا كانت الميزانية أكبر من 50000، نعيد قائمة سيارات الفئة `pro`.
- كما في الحالات الأخرى، نعيد قائمة سيارات الفئة `normal`.
- أخيرًا نستخدم الدالة `alert` لعرض نتيجة استدعاء الدالة `suggestCar` مع ميزانية مقدارها 100001.

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

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

بينما يوضح المثال التالي:

```javascript
var car = function() {
alert('Hello, welcome to the car market');
return 'BMW x10';
alert('there is a new car in the market, it is Lamborghini');
}

console.log(car());
```

 شرح الكود بالتفصيل

- أولاً نقوم بتعريف تعبير دالة وتخزينها في المتغير `car`.
- ثم داخل الدالة، نظهر رسالة تنبيه ترحيبية ونرجع قيمة `BMW x10`.
-بينما نلاحظ أن أي شيفرة تأتي بعد جملة `return` لا يتم تنفيذها.
-هكذا نستخدم الدالة `console.log` لطباعة نتيجة استدعاء الدالة `car`.

 تعريف دالة بأكثر من معامل

يمكن للدوال أن تأخذ أكثر من معامل لتنفيذ مهام معقدة. دعونا نلقي نظرة على المثال التالي:

```javascript
function sayWelcome(nameFunction, salary) {
var salaryFunction = 100;

if (typeof(salary) == "number" && salary >= 100) {
salaryFunction = salary;
}

if (typeof(nameFunction) == "string" && nameFunction != null && nameFunction != "") {
var messageSalary = ' And your salary is ' + salaryFunction;
alert('Welcome ' + nameFunction + messageSalary);
}
}

var getName = prompt('What is your name?');
sayWelcome(getName, 1800);
```

 شرح الكود بالتفصيل

- أولاً نقوم بتعريف دالة باسم `sayWelcome` تأخذ معاملين: `nameFunction` و `salary`.
- هكذا نقوم بتعيين قيمة افتراضية لمتغير `salaryFunction` وهي 100.
- لذلك نتحقق من نوع وقيمة المعامل `salary` لتحديث قيمة `salaryFunction` إذا كان الشروط محققة.
- ثم نتحقق من نوع وقيمة المعامل `nameFunction` لعرض رسالة ترحيب تحتوي على الاسم والراتب إذا كانت الشروط محققة.
- هكذا نطلب من المستخدم إدخال اسمه باستخدام الدالة `prompt` ونستدعي الدالة `sayWelcome` بالاسم المدخل والراتب 1800.

خلاصة

استخدام الدوال المتقدمة في JavaScript يتيح لنا كتابة شيفرة برمجية أكثر تعقيدًا وفعالية. كذلك من خلال فهم كيفية تعريف الدوال مع المعاملات وإعادة القيم، يمكننا تحسين كفاءة البرامج التي نقوم بإنشائها وجعلها أكثر وضوحًا ومرونة في التعامل مع السيناريوهات المتعددة.