IIFE 是从哪里实际调用的？

Question

看一个简单的 IIFE 示例

((x) => x)(1) // returns 1

如果我从一个可以作为回调传递的常规（但匿名）函数的角度来考虑这个：

setTimeout(function() {alert(1)}, 1000)

匿名函数仍在被调用。 IIFE 类似地看起来像作为回调传递给返回函数的某个函数。

看起来这个返回的函数是用 1 的参数调用的，然后 IIFE 被 some function

返回的函数调用>

这是正确的吗？ some function 定义在什么对象上？它是窗口/全局吗？或者这是 JavaScript 实现功能而不是语言功能？

Answer 1

IIFE 同样看起来像作为回调传递给返回函数的某个函数。

没有。在

    f(1)

只有一个函数调用：直接调用f。

在

//     v v function call operator
    (f)(1)
//  ^ ^ grouping

仍然只有一个函数调用。代码相当于f(1)；只是添加了一些多余的括号。

我们不仅限于调用变量。我们可以使用任何我们想要的表达式（只要它是一个函数）：

(function (x) { ... })(1)

// equivalent to:
     let f = function (x) { ... };
     f(1);
// but without needing a temporary variable

我们不能只写function () { ... }() 的唯一原因是function 关键字不能出现在语句的开头（如果出现，则将其解析为函数声明的开头，而不是函数表达）。但是例如

void function () { console.log("hello"); }();

console.log( function (x) { return x + 1; }(1) );

是完全有效的语句（包含 IIFE）。

=> 函数的情况略有不同。这里我们只需要关心函数体向右延伸多远。

(() => console.log("hello"))();

... 需要在函数表达式周围加上括号，否则末尾的 () 将被解析为函数体的一部分：console.log("hello")()，它将尝试调用从 console.log 返回的值。