هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: إنشاء واستخدام الدوال functions
المدة: 22 دقائق
وصف مختصر:
الدوال في JavaScript في هذا الدرس، سنتعلم كيفية استخدام الدوال في JavaScript. الدوال تعتبر من الأدوات الأساسية في البرمجة، حيث تساعد في...
وصف الدرس
الدوال في JavaScript
في هذا الدرس، سنتعلم كيفية استخدام الدوال في JavaScript. الدوال تعتبر من الأدوات الأساسية في البرمجة، حيث تساعد في تنظيم الشيفرة البرمجية وإعادة استخدامها بشكل فعال.
تعريف الدوال واستخدامها
الدالة هي مجموعة من التعليمات التي تقوم بمهمة معينة. لذلك يمكن تعريف دالة في JavaScript باستخدام الكلمة المفتاحية `function`، يليها اسم الدالة، ثم قائمة المعاملات بين قوسين، وهكذا الكتلة البرمجية التي تحتوي على التعليمات التي ستنفذ عند استدعاء الدالة.
هكذا يوضح المثال كيفية تعريف واستخدام الدوال:
```javascript
var name = 'Ali Alanzan';
var car = {
name: 'BMW x10'
};
function sayHello() {
var checkAge = prompt('What is your age?');
if (checkAge != "" && checkAge != null && checkAge >= 18) {
// code
var isCompatible = true;
document.write('you are welcome');
} else {
document.write('sorry, your data is invalid');
}
console.log(checkAge);
}
sayHello(); // استدعاء الدالة لتشغيلها
```
الشرح التفصيلي
- في البداية نقوم بتعريف متغير `name` وتعيين القيمة "Ali Alanzan" له، وكذلك نقوم بتعريف كائن `car` وتعيين خاصية `name` له بالقيمة "BMW x10".
-لذلك نقوم بتعريف دالة باسم `sayHello` باستخدام الكلمة المفتاحية `function`.
- هكذا نستخدم الدالة `prompt` لطلب العمر من المستخدم.
-لذلك إذا كان العمر المدخل صحيحًا (ليس فارغًا، وليس null، وأكبر من أو يساوي 18)، نقوم بتعيين متغير `isCompatible` بالقيمة `true` ونظهر رسالة "you are welcome".
- هكذا إذا كان العمر المدخل غير صحيح، نظهر رسالة "sorry, your data is invalid".
- هكذا نقوم بطباعة قيمة `checkAge` في وحدة التحكم.
استدعاء الدالة تلقائيًا
يمكننا أيضًا تعريف دالة وتشغيلها تلقائيًا بدون الحاجة لاستدعائها يدويًا. إليك كيفية القيام بذلك:
```javascript
(function sayHi() { // هذه الدالة ستعمل تلقائيًا
alert('Hello World');
}());
```
- حيث نقوم بتعريف دالة باسم `sayHi` باستخدام تعبير دالة (Function Expression) ونضعها بين قوسين لنجعلها تعمل تلقائيًا فور تعريفها.
- هكذا لا يمكننا استدعاء الدالة `sayHi` خارج هذه النطاق لأنها ليست معرفة خارجه.
الخلاصة
استخدام الدوال في JavaScript يمكن أن يسهل كثيرًا من تنظيم الشيفرة البرمجية وجعلها أكثر قابلية لإعادة الاستخدام. من خلال فهم كيفية تعريف الدوال واستدعائها، يمكننا تحسين كفاءة البرامج التي نقوم بإنشائها وجعلها أكثر وضوحًا ومرونة.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي إنشاء واستخدام الدوال functions
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript