5
function foo() {
  return this;
}

let bar = {
  foo
};

console.log(
  foo(),

  bar.foo(),
  (bar.foo)(),

  (bar.foo = bar.foo)(), // здесь
);

Собственно, понятно, почему bar.foo() вернет bar. Почему (bar.foo)() вернет bar - тоже. А вот почему теряется контекст в последнем выражении - вообще непонятно.

Непонятно также, что делает такая конструкция. Что она в конечном итоге вызывает? Левый операнд или правый? (Понятно, что в данном конкретном случае разницы нет, но я говорю про общий случай).

1
  • @Grundy не содержится в "дубликате" ответа на мой вопрос. Ни на один из них. 26 янв 2018 в 15:10

1 ответ 1

4

foo() - вызов функции в глобальном контексте (тут все просто)

bar.foo() - вызов метода объекта bar - JS создал для вас ключи у объекта (вообще так создавать объекты не есть хорошо, но JS решил что это должно выглядеть так {foo: foo, baz: baz}). См. короткая нотация

(bar.foo)() - то же самое что и в прошлом случае

(bar.foo = bar.foo)() - тут интереснее - мы вызываем не метод объекта, а глобальную функцию, которая является результатом выражения в скобках. То есть мы берем значение поля - которое является функцией и присваиваем другому полю (в данном случае они одинаковые), но результатом будет именно эта функция а не поле (поскольку последней операцией в скобках было присваивание, а не разыменование метода)

Дополнение

Если выполнить пример в строгом режиме - при потере контекста получим undefined. См this в контексте функции

11
  • 1
    Вот не знаю: слово "глобальную" может кого-то смутить и заставить думать, что такое происходит, только если функция объявлена вне объекта?
    – Regent
    10 янв 2018 в 17:20
  • "не метод объекта, а глобальную функцию" - тогда что насчет предыдущего примера? 10 янв 2018 в 17:21
  • @Regent исправлю, хотя нет - не исправлю. Функция без контекста вызывается в глобальном контексте 10 янв 2018 в 17:22
  • Я правильно понимаю, что вся беда кроется в том, что оператор присваивания возвращает функцию (контекст которой, понятное дело, потерян)? Которая потом и вызывается (уже без контекста). 10 янв 2018 в 17:23
  • @smellyshovel Да. Из правой части мы берем только функцию (контекста нет) ее значение помещаем в переменную, указанную в левой части присваивания, но результатом операции присваивания является как раз правая часть 10 янв 2018 в 17:25

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.