هنالك عاملان أساسيان ساهما في إضافة الدوال السهمية: الدوال القصيرة وعدم استخدام قيمة this خاصة بالدالة.

أنصحك للمزيد من التعرف على الدوال السهمية بالنظر إلى الدوال السهمية في javascript

إنها أقصر بكثير! يمكننا حذف الأقواس المتعرجة وبيان الإرجاع بسبب الإرجاع الضمني ( المزيد حول هذا في المقال أدناه).

من المهم أن نفهم كيف تتصرف وظيفة السهم بشكل مختلف مقارنة بوظائف ES5 العادية.

هناك شيء واحد ستلاحظه بسرعة وهو تنوع التركيبات المتاحة في وظائف الأسهم. دعنا ننتقل إلى بعض الأشياء الشائعة:

1. لا توجد معلمات

إذا لم تكن هناك معاملات ، يمكنك وضع أقواس فارغة قبل = & gt ؛.

() => 42

في الواقع ، لا تحتاج حتى إلى الأقواس! 

_ => 42

2. معلمة واحدة

باستخدام هذه الوظائف ، تكون الأقواس اختيارية: 

x => 42  || (x) => 42

3. معلمات متعددة

الأقواس مطلوبة لهذه الوظائف:

(x, y) => 42

4. البيانات (مقابل التعبيرات) 

في أبسط أشكاله ، ينتج تعبير الوظيفة قيمة ، بينما تؤدي تعليمة الوظيفة إجراءً.

مع وظيفة السهم ، من المهم أن تتذكر أن العبارات تحتاج إلى أقواس مجعدة. بمجرد وجود الأقواس المتعرجة ، ستحتاج دائمًا إلى كتابة العودة أيضًا.

فيما يلي مثال على وظيفة السهم المستخدمة مع عبارة if:

var feedTheCat = (x) => {
  if (x === 1) {
    return true;
  } else {
    return false;
  }
}

6. كائن حرفية Object literals

إذا كنت تعيد كائنًا حرفيًا ، فيجب لفه بين قوسين. هذا يجبر المترجم الفوري على تقييم ما بداخل الأقواس ، ويتم إرجاع الكائن الحرفي.

x =>({ y: x })

للمزيد حول الدوال السهمية