شرح Arrow Functions في JavaScript — الطريق الأسرع والأحدث لكتابة الدوال

الدوال السهمية (Arrow Functions) هي طريقة حديثة ومختصرة لكتابة الدوال في JavaScript، تم تقديمها في تحديث ES6 وأصبحت الطريقة المفضلة للمبرمجين اليوم.

1. من التقليدي إلى السهمي

لاحظ كيف يقل حجم الكود وتصبح قراءته أسهل.

الطريقة التقليدية (Traditional) طريقة السهم (Arrow)
function sum(a, b) {
  return a + b;
}
const sum = (a, b) => a + b;

2. مميزات الدوال السهمية

  • الاختصار: إذا كانت الدالة تحتوي على سطر واحد فقط، يمكنك حذف كلمة return والأقواس المتعرجة { }.
  • بدون اسم: غالباً ما تستخدم كدوال "مجهولة" (Anonymous) داخل مراقبي الأحداث.

3. مثال مع addEventListener

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

اكتب الكود وشاهد النتيجة فوراً

جرب الآن مجاناً
قناة ديف عربي

تابع أحدث الدروس والتحديثات مباشرة على واتساب

انضم الآن