Задать вопрос
@vs1710
javascript

Почему this в данном примере указывает на глобальный объект window?

Подскажите пожалуйста почему this в данном случае ссылается прямо на window а не на функцию выше.
т.е. ПОЧЕМУ в callback фунции внутри map [Scope]] указывает не внешний объект переменных, а window.
const cars = {
   brands: ['ford', 'audi', 'bmw'],
   category: 'sport car',
   message: function() {
      return this.brands.map(function (brand) { 
         console.log(`The ${brand} is a ${this}`);
      });
   }
}
cars.message();
  • Вопрос задан
  • 186 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Потому что функция не вызывается на каком либо объекте, а вызывается:
mappedValue = callback.call(T, kValue, k, O);
где T - опционально переданный второй аргумент. Если он не передан туда поподает undefined и в обычном режиме undefined заменяется на Window, а в строгом остается undefined.

Исправить можно использовав стрелочную функцию для колбека map:
return this.brands.map(brand => console.log(` The ${brand} is a ${this}`));

или передав контекст:
return this.brands.map(function(brand) { console.log(` The ${brand} is a ${this}`; }, this));

Стрелочным функциям передать контекст нельзя.
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ответы на вопрос 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Передавайте в map вторым аргументом this
const cars = {
   brands: ['ford', 'audi', 'bmw'],
   category: 'sport car',
   message: function() {
      return this.brands.map(function (brand) { 
         console.log(`The ${brand} is a ${this}`);
      }, this);
   }
}
cars.message();
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Создать сайт-конструктор по примеру
23 апр. 2024, в 14:44
10000 руб./за проект
Дизайн карточек для Wildberries
23 апр. 2024, в 14:31
5000 руб./за проект
Создать дизайн лендинга портфолио на фигме
23 апр. 2024, в 14:09
500 руб./за проект
Ещё заказы