Как передаётся this в этом простом примере?

Question

[med1um]

в данном простом примере alert() показывает NaN - и понятно почему: потому что в window.koef неопределён, вопрос в другом: как же здесь передаётся this? Если в функции exe() this равен obj, то почему он не передаётся в функцию multiple() ? Откуда multiple() берёт this тогда?

var obj = {koef:22};

    alert( exe.call(obj, 100)  );

    function exe(arg) {
      // ЗДЕСЬ ОЖИДАЕМО: this === obj
      return multiple(arg);
    }

    function multiple(a) {
      // А ЗДЕСЬ ПОЧЕМУ-ТО: this === window
      return a * this.koef;
    }

Answer 1

[Dima Polos]

this у обычной функции вычисляется в момент вызова, потому и называется это: "контекст ВЫЗОВА".
Контекст известен в трех случаях:
1. Вызов из объекта: obj.func() или obj['func']() В обоих случаях круглые скобки важны, потому что именно вызов, а не ссылка.
2. Функция вызывается с оператором new. В таком случае, создается новый пустой объект и функция, которая вызывается после new получает ссылку на этот пустой объект в качестве this.
3. Функция вызвана через call, apply или была "забиндина" через bind, в таком случае значение this передается в перечисленные методы в качестве первого параметра.
Во всех остальных случаях this не определен, и ссылается на глобальный контекст, в клиентском js это window, или может быть undefined, если включен strict mode, а также может быть объект DOM, в случае, если используется обычная функция для обработки события, тогда браузер вызывает обработку события в контексте объекта DOM, на котором вешался обработчик.

Answer 2

[Kovalsky]

This никуда не передается, this это контекст в котором функция объявлена: exe объявлена в глобальном скоупе, поэтому у неё по умолчанию this === window, но вы при вызове явно указываете, что контекст вызова это obj. Multiple тоже объявлена глобально, поэтому по умолчанию у неё this === window

Comments

[Dima Polos]

Контекст при вызове определяется, если это не стрелочная функция.

[Kovalsky]

Dima Polos, если речь об обычной функции объявленной с помощью "function [name] (){}", то не при вызове, а конкретно способом вызова: функция привязана к тому контексту в котором она объявлена, и изменить его можно только при вызове специальными методами типа bind/call/apply. Соответственно, если функция вызвана не с помощью специального метода, то она будет выполнена в контексте объявления независимо от лексического окружения вызова, что и продемонстрировано в коде вопроса: функция multiple объявлена в глобальном скоупе, а вызвана в лексическом окружении функции exe у которой контекст способом вызова явно привязан к obj, но контекст multiple все равно именно тот который был определён при объявлении

[Dima Polos]

Kovalsky, нет, контекст у обычной функции передается в момент вызова, и на это влияет как ее вызовут, это у стрелочной функции контекста как такового нет, и потому она берет this грубо говоря из замыкания, которое формируется в месте, где она была объявлена.

[Kovalsky]

Dima Polos, ну что значит нет, когда вон в коде вопроса пример как раз демонстрирующий это поведение: функция multiple выполнена в лексическом окружении exe (у которой контекст явно задан obj), но контекстом для неё все равно является тот который определен при объявлении

"на это влияет как ее вызовут" - да, я так и написал выше: контекст можно изменить способов вызова, но при вызове без специальных методов для обычной функции контекст это globalThis

[Dima Polos]

Kovalsky, да, потому что по умолчанию для всех функций есть глобальный контекст вызова - window. Дело в том, что если объявите функцию внутри класса, которая через this должна будет работать с полями и свойствами класса, а потом возьмете ссылку на эту функцию и просто по ссылке вызовите ее, тогда this будет потерян, и сработает правило по умолчанию - глобальный контекст, а не класс.

[Kovalsky]

Dima Polos, всё верно, именно это и называется способ вызова

[Dima Polos]

Kovalsky, я понял о чем Вы говорите, но это поведение никак не связано с местом, где функция объявлена, она могла быть объявлена внутри класса, внутри объекта и тд, но если ее вызвать не из объекта и не через call, apply, то контекст будет взят глобально.

[Dima Polos]

Kovalsky, ну ок, вроде поняли друг друга)