Стрелочные функции JavaScript (=>): объяснение синтаксиса и использования

В JavaScript символ =>известен как функция стрелки или функция толстой стрелки. Это сокращенный синтаксис для написания функциональных выражений.

Функция стрелки была представлена ​​в ECMAScript 6 (ES6) и обеспечивает краткий способ написания анонимных функций. У него есть несколько ключевых отличий от традиционных функциональных выражений:

  1. Упрощенный синтаксис. Стрелочные функции имеют более короткий синтаксис по сравнению с обычными функциями, что делает код более кратким.

  2. Лексическая привязка this: стрелочные функции не имеют собственного контекста this. Вместо этого они наследуют значение thisиз окружающего контекста, в котором они определены. Такое поведение отличается от обычных функций, которые имеют динамический контекст this.

Вот пример стрелочной функции:

const sum = (a, b) => a + b;
console.log(sum(2, 3)); // Output: 5

Эта стрелочная функция принимает два параметра aи bи возвращает их сумму.