وظائف السهم في جافا سكريبت

وظائف السهم هي طريقة مختصرة وحديثة لكتابة الوظائف في JavaScript. إنها تبسط بناء الجملة وتوفر بعض المزايا الملحوظة مقارنة بتعبيرات الوظائف التقليدية. فيما يلي دليل سريع لفهم وظائف الأسهم واستخدامها في JavaScript.

ما هي وظائف السهم؟

وظائف السهم هي صيغة مختصرة لوظائف الكتابة. إنها توفر طريقة أكثر بساطة لتعريف الوظائف ولديها بعض الاختلافات الرئيسية مقارنة بتعبيرات الوظائف التقليدية، خاصة في كيفية التعامل مع هذه الكلمة الأساسية.

بناء الجملة الأساسي

بناء جملة دالة السهم مضغوط ومباشر. إليك التنسيق الأساسي:

const functionName = (parameters) => {
  // function body
};

معلمة واحدة

إذا كانت دالة السهم تحتوي على معلمة واحدة، فيمكنك حذف الأقواس:

const greet = name => {
  return `Hello, ${name}!`;
};

console.log(greet('Melissa')); 
// Outputs: Hello, Melissa!

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

بالنسبة للوظائف التي لا تحتوي على معلمات، استخدم الأقواس الفارغة:

const sayHello = () => {
  return 'Hello, World!';
};

console.log(sayHello()); 
// Outputs: Hello, World!

معلمات متعددة

إذا كانت الدالة تحتوي على معلمات متعددة، قم بتضمين الأقواس حولها:

const add = (a, b) => {
  return a   b;
};

console.log(add(5, 3)); 
// Outputs: 8

هيئة موجزة

يمكن أن يكون لوظائف السهم صيغة أكثر إيجازًا إذا كان نص الدالة يتكون من تعبير واحد. في هذه الحالة، يتم حذف الأقواس الكبيرة والكلمة الأساسية return:

const square = x => x * x;

console.log(square(4)); 
// Outputs: 16

الاختلافات الرئيسية عن الوظائف التقليدية

1. هذا الربط

وظائف السهم ليس لها هذا السياق الخاص بها. وبدلا من ذلك، فإنهم يرثون هذا من السياق المعجمي المحيط بهم. وهذا يجعلها مفيدة في المواقف التي تحتاج فيها إلى الحفاظ على هذه القيمة، كما هو الحال في عمليات الاسترجاعات.

مثال على الوظيفة التقليدية:

function counter() {
  this.value = 0;

  setInterval(function() {
    this.value  ; // `this` refers to the global object or undefined in strict mode
    console.log(this.value);
  }, 1000);
}

new counter(); 
// `this.value` will not behave as expected

مثال لوظيفة السهم:

function counter() {
  this.value = 0;

  setInterval(() => {
    this.value  ; 
    // `this` refers to the instance of counter
    console.log(this.value);
  }, 1000);
}

new counter(); 

2. لا يوجد كائن وسائط

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

متى تستخدم وظائف السهم

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

خاتمة

توفر وظائف السهم طريقة مختصرة ومعبرة لكتابة الوظائف في JavaScript. بناء الجملة المبسط والنطاق المعجمي لهذا يجعلها أداة قيمة في تطوير JavaScript الحديث.