Как передать корректный контекст в callback массива?

Question

Корректный контекст в callback можно передать несколькими способами: использовать стрелочную функцию, явно привязать this через bind или передать второй аргумент в методы массива. Самый популярный и безопасный способ — стрелочные функции, так как они не имеют собственного this. Выбор подхода зависит от стиля кода и окружения.

YeaHub · Accepted Answer

Основная идеяПеред тем как перечислять способы, важно помнить: this зависит не от места объявления функции, а от способа её вызова.Способы передачи контекста1. Стрелочная функцияСтрелочные функции не имеют собственного this и берут его из внешней области.const obj = {
  limit: 2,
  filterNumbers(arr) {
    return arr.filter(n => n > this.limit);
  }
};
2. Явная привязка через bindМожно вручную привязать контекст.const obj = {
  limit: 2
};

[1, 2, 3].filter(function (n) {
  return n > this.limit;
}.bind(obj));
3. Второй аргумент filterМетоды массивов принимают thisArg.const obj = { limit: 2 };

[1, 2, 3].filter(function (n) {
  return n > this.limit;
}, obj);
Какой способ предпочтительнееСтрелочные функции — современный стандартbind полезен в старом кодеthisArg встречается реже, но важно знать для собеседованийВыводКонтекст в callback массива нужно передавать явно. Самый простой и читаемый способ — использовать стрелочные функции, которые наследуют this из внешней области.