Как работает стрелочная функция

Стрелочные функции (=>) — это сокращённый синтаксис для объявления функций в ES6. Они не имеют своего this, arguments, super и не могут быть конструкторами. this берётся из внешнего контекста (лексическое связывание).

Особенности:

• Если тело функции — одно выражение, return подразумевается.
• Фигурные скобки {} обязательны для многострочных функций.
• Нельзя использовать с new.

// Обычная функция
const sum = function(a, b) { return a + b; };

// Стрелочная функция
const sumArrow = (a, b) => a + b;

// Лексический this
const obj = {
  name: 'Test',
  getName: function() {
    setTimeout(() => console.log(this.name), 100); // 'Test' (this из obj)
  }
};