شرح Arrow Functions في JavaScript — الطريق الأسرع والأحدث لكتابة الدوال
الدوال السهمية (Arrow Functions) هي طريقة حديثة ومختصرة لكتابة الدوال في JavaScript، تم تقديمها في تحديث ES6 وأصبحت الطريقة المفضلة للمبرمجين اليوم.
1. من التقليدي إلى السهمي
لاحظ كيف يقل حجم الكود وتصبح قراءته أسهل.
| الطريقة التقليدية (Traditional) | طريقة السهم (Arrow) |
|---|---|
|
|
2. مميزات الدوال السهمية
- الاختصار: إذا كانت الدالة تحتوي على سطر واحد فقط، يمكنك حذف كلمة
returnوالأقواس المتعرجة{ }. - بدون اسم: غالباً ما تستخدم كدوال "مجهولة" (Anonymous) داخل مراقبي الأحداث.
3. مثال مع addEventListener
مثال مع addEventListener:
// الطريقة الحديثة والمختصرة
btn.addEventListener("click", () => {
console.log("تم الضغط باستخدام دالة سهمية!");
});
نصيحة: رغم جمالها، إلا أن الدوال السهمية لها بعض الاختلافات التقنية المتقدمة (مثل كلمة
this). للمبتدئين، استخدمها لتبسيط الدوال الصغيرة والواضحة.
ملخص الدرس
- الدوال السهمية تجعل الكود أقصر وأنظف.
- نستخدم الرمز
=>بدلاً من كلمةfunction. - مثالية للدوال التي تقوم بمهمة بسيطة في سطر واحد.
- هي جزء أساسي من JavaScript الحديثة (ES6+).
الخطوة التالية: كيف ندمج المتغيرات داخل النصوص بسهولة دون استخدام علامة
+ المزعجة؟ لنتعلم ذلك في درس قوالب النصوص (Template Literals).