Почему «this» внутри функций, определенных и переданных IIFE, ссылается на саму функцию?

Question

Почему «this» внутри функций, определенных и переданных IIFE, ссылается на саму функцию?

1

Отказ от ответственности: меня предупредили, что этот вопрос может быть отклонен. Я был бы признателен, если бы вы этого не сделали, - я попросил своего преподавателя на курсе Javascript для объяснения, и он не знал, поэтому я подумал, что спрошу здесь...

Я пытаюсь обернуть мою голову вокруг this и читал Кайл Симпсон, но столкнулся случай, я не понимаю.

Как я понимаю, когда вы вызываете функцию внутри другой функции, если функция называется "автономной" (см. Симпсон здесь: " Не знаете JS: это и прототипы объектов"), то this должно быть Window (или undefined если оно strict режим)

var fn = function globo () { console.log(this);};

function calling(called) {

console.log(called());

}
calling(fn); // "Window" or "undefined"

но если вы передадите аналогичную функцию IIFE, вы получите любопытный результат

 function calling(called) {

    console.log(called());

    }(function globo () { console.log(this);}); // [Function: globo]

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

Любая идея, что здесь происходит?

Cerulean 12 июль 2018, в 13:27

Источник

4

« Когда вы вызываете функцию внутри другой функции, это берет ее область, из которой она была определена. » Нет, вам понадобится функция стрелки для достижения этой цели. Также обратите внимание, что второй фрагмент не является IIFE.
Teemu 12 июль 2018, в 10:39
2

Я получаю window используя ваш IIFE, а не globo . Кстати, в вашем IIFE отсутствуют первые парены.
Gerardo Furtado 12 июль 2018, в 10:40
0

function calling(x) {....}(function globo() { ...}) синтаксически эквивалентен function calling(x) {....}; (function globo() { ...}) и globo качестве значения. globo не получает console.log 'd, никакая функция не выполняется, это просто консоль, возвращающая результат последней оценки, как если бы вы написали 1;2;3 и отобразилось бы 3 . Как уже говорили другие, ты пропал ! , + , (...) или каким-либо другим способом заставить парсер оценивать это как IIFE.
Amadan 12 июль 2018, в 10:44

Показать ещё 1 комментарий

Теги:

javascript

this

iife

1 ответ

Ещё вопросы

« Когда вы вызываете функцию внутри другой функции, это берет ее область, из которой она была определена. » Нет, вам понадобится функция стрелки для достижения этой цели. Также обратите внимание, что второй фрагмент не является IIFE.
Я получаю window используя ваш IIFE, а не globo . Кстати, в вашем IIFE отсутствуют первые парены.
function calling(x) {....}(function globo() { ...}) синтаксически эквивалентен function calling(x) {....}; (function globo() { ...}) и globo качестве значения. globo не получает console.log 'd, никакая функция не выполняется, это просто консоль, возвращающая результат последней оценки, как если бы вы написали 1;2;3 и отобразилось бы 3 . Как уже говорили другие, ты пропал ! , + , (...) или каким-либо другим способом заставить парсер оценивать это как IIFE.

ZER0 · Accepted Answer · 2018-07-12T08-48-00.000Z

На самом деле это не IIFE. В способе, которым вы написали, вы в основном определили функцию, calling, которую вы никогда не вызываете, а затем другую функцию globo, которую вы также никогда не вызываете. Если вы выполните этот код в консоли, вы получите globo как результат, так как это значение вашего последнего выражения - поскольку вы использовали скобки, это не объявление функции.

Вы можете дважды проверить запуск этого кода:

 function calling(called) {
    console.log('foo');
 }(function globo () {});

У вас будет тот же результат.

IIFE был бы:

 (function calling(called) {
    console.log(called());
 })(function globo () { console.log(this)});

Где, действительно, this возвращает Window (или undefined).