什么是JavaScript中的（function（）{}）（）构造？

  • Z时代
  • 2024-01-10
  • 分类：问答

我曾经知道这是什么意思，但是我现在正在努力…

这基本上是在说document.onload什么吗？

(function () {
})();

回答：

它是立即调用的函数表达式，简称IIFE。它在创建后立即执行。

它与任何事件（例如document.onload）的事件处理程序无关。

考虑第一对括号中的部分：....它是一个正则函数表达式。然后查看最后一对，通常将其添加到表达式中以调用函数；在这种情况下，我们的先前表达。(

**function(){}** )();``(function(){}) **()** ;

当试图避免污染全局名称空间时，通常使用此模式，因为IIFE内部使用的所有变量（如在任何其他 常规 函数中一样）在其范围之外都不可见。

这就是为什么您可能将此构造与的事件处理程序混淆的window.onload原因，因为它经常被用作：

(function(){
    // all your code here
    var foo = function() {};
    window.onload = foo;
    // ...
})();
// foo is unreachable here (it’s undefined)

该函数在创建后立即执行，而不是在解析之后执行。在执行脚本块中的任何代码之前，都将对其进行分析。同样，解析代码并不会自动意味着它已被执行，例如，如果IIFE在函数内部，那么直到调用该函数后，它才会被执行。

由于这是一个非常受欢迎的话题，值得一提的是，IIFE也可以使用ES6的arrow函数编写（就像Gajus 在评论中指出的那样）：

((foo) => foo)('foo value')

以上是 什么是JavaScript中的（function（）{}）（）构造？ 的全部内容， 来源链接： utcz.com/qa/408962.html

回到顶部