这种做法在 JavaScript 中被称为什么？

Question

当你将 JavaScript 代码包装在这样的函数中时：

(function(){

  var field = ...;
  function doSomthing(){...
  ...


})();

我注意到这解决了我在很多网页上的范围问题。这种做法叫什么？

Answer 1

它的存在时间比“模式”还要长。这是scheme/lisp 中的常见习惯用法，主要用于封装，尤其是在进行元编程时。

Answer 2

这种做法叫什么？

它称为立即调用函数表达式 ，简而言之：IIFE。它在表达式中定义一个函数，然后该函数自行执行（不将该函数分配给任何标识符）。有时也称为立即执行函数表达式 (IEFE)。

在 Ben Alman 撰写有关它们的博客文章之前，它们也被称为“自调用（匿名）函数”，从那时起这个术语就变得不常见了。它在技术上是不精确的，暗示着递归调用，但实际上并没有发生。

有关语法的详细信息，请参阅解释封装的匿名函数语法和自动执行匿名 JavaScript 函数的括号位置？。

我注意到这解决了我在很多网页上的范围问题。

是的，此模式的目的是通过执行函数来引入额外的作用域。

该模式有时还可以使用返回值进行扩展，称为（显示）模块模式，或者使用允许递归调用的函数名称进行扩展。

Answer 3

Douglas Crockford 和 YUI 团队将其称为 模块模式。

Answer 4

Ben Alman 对这种“模式”的常用术语提出了一个有趣的论点。

他关于它的博客文章位于此处 (http://benalman.com/ news/2010/11/immediately-invoked-function-expression/)。

如果他的文章对你来说太长了，这里是我的总结（我仍然建议阅读它，因为这个总结遗漏了很多内容）：

如果你想要一个命名函数自我执行/调用，它应该看起来像这样：

// Hello, my name is "foo". I am a named function.
// When I am invoked I invoke my self when I am invoked.
function foo(){
   foo();
}

如果你想要一个匿名函数要自我执行/调用，它应该如下所示：

// Hello, I have no name...
//   (though I am assigned to the variable "foo" it's not who I am).
// When I am invoked I invoke my self when I am invoked.
// In ECMAScript 5 I no longer work. :-(
var foo = function(){
    arguments.callee();
};

如果您希望立即执行/调用匿名函数，它应该如下所示：

// Hello, I have no name. I am immediately invoked.
// People sometimes call me a "self-invoking anonymous function"...
//    even though I don't invoke myself.
// Ben Alman calls me an "Immediately-Invoked Function Expression"...
//    or "iffy" for short.
(function(){ /...code.../ }());

我自己对此事的想法：

其他答案是正确的；您所询问的通常称为“自调用匿名函数”。
然而，该术语并不能准确反映实际发生的情况。 “立即调用函数表达式”（简称为“iffy”）似乎是一个更合适的术语。

---

有趣的事实可以给您的朋友留下深刻印象：

您也可以创建这样的 Iffy：

!function(){
   alert("immediately invoked!");
}();

或者

+function(){
   alert("immediately invoked!");
}();

或者如果您< em>真的 cRaZy ( example )：

!1%-+~function(){
   alert("immediately invoked!");
}();

在大多数浏览器中（如果不是全部，我是不确定）并且效果是相同的（facebook 使用 ! 版本）。

Answer 5

包装函数称为匿名（它没有名称，也没有分配给变量）自执行（它立即执行）函数。

我不记得看到过该模式的确切名称，但它可以防止变量泄漏到全局范围内。

Answer 6

为了澄清下面的评论，大多数在创建闭包时，它会将变量的范围限制在该局部闭包内，而不是创建全局变量，它既可以保持事物的整洁，又可以避免对这些变量进行任何潜在的不需要的更改。

这里有一些很好的答案，可以更多地解释为什么：JavaScript 闭包如何工作？

当该作用域内的某些内容暴露于外部作用域时，这只是一个创建闭包，这通常是这种情况，但我无法确定您的示例没有查看更多代码。如果没有暴露任何内容，则不会创建闭包...否则它只是立即执行的匿名函数。

末尾的 })(); 格式与 }); 不同，实际上是调用该闭包立即执行，不带任何参数。如果其中包含某些内容，例如 })(something); 那么 something 将作为第一个参数传递到这里：(function(somethingParam){。

Answer 7

该模式称为自调用，即自调用函数。它可以创建一个封闭，但这是模式的效果（也许是预期的效果），而不是模式本身。