لماذا عند عمل arrow function نجعل العنصر const

عند عمل متغير من نوع const أو let تكون تابعةً للمجال الكتلي (block scope) أي لا يمكن إستخدامها خارج كتلة معينة block of code كالتالي:

if (true) {
  const x = 5		// يمكن إستخدام let أيضًا
  console.log(x)	// Output: 5
}
console.log(x) 	// Uncaught ReferenceError: x is not defined

وبالتالي يمكن عمل دوال صغيرة تعمل في كتلة معينة block دونًا عن غيرها، ويمكن عمل أكثر من دالة تحمل نفس الاسم ولكن في كتل مختلفة دون مشكلة مما يترك للمبرمج مجال واسع لتسميه الدوال.

يمكنك معرفة المزيد حول المتغيرات في JavaScript من خلال هذه المقالة، كما يمكنك أن تتعرف أكثر حول الميزات الجديدة في ES6 من هنا.

وبما أن الدوال لا يتم تغيرها في الغالب، فنستخدم const بدلًا من let حيث أن قيمة const لا يمكن أن تتغير في نفس الكتلة.

const x = 5; 
console.log(x)
x = 6 	// Uncaught TypeError: Assignment to constant variable.

يمكنك الإطلاع أكثر حول الثوابت في JavaScript من خلال موسوعة حسوب من هنا.