有人能解释一下这个 JavaScript 自动执行函数吗？

Question

var foo = (function(){
  var x = 0;
  return function(){return x++;};
})()

为什么 var x = 0 表达式只运行一次是我对此最大的误解。

Answer 1

匿名函数立即被后面的 () 调用（不传入任何参数）。该函数在执行时返回另一个函数，该函数有自己的 x 变量，该变量在运行时会递增。

因此，第一次运行时，foo() 将为0，第二次运行为1，依此类推，因为x它是随着不断增加而创建的。

Answer 2

实际上，在本例中，x 是分配给 foo 对象的块/闭包中的局部变量。当您调用 foo() 时，该值会递增。

查看实际情况 - http://jsfiddle.net/3X283/

Answer 3

这就是所谓的 闭包 这里定义了两个函数 - 内部函数（这是闭包）和创建并返回闭包的外部。

您的代码立即调用外部函数并将结果（闭包）分配给foo。

请注意，闭包内的代码不包含语句 var x = 0;，因此当您调用 foo() 时，它仅执行内部的代码闭包 (return x++;)

这里提到的 x 是在调用中实例化的。闭包的有趣之处在于，这个 x 在外部函数的调用之间是不同的 - 考虑下面的示例。 foo 和 bar 将彼此独立地递增，因为它们引用不同 xs

function makeClosure(){
  var x = 0;
  return function(){return x++;};
}

var foo = makeClosure();
var bar = makeClosure();

foo(); //returns 0
foo(); //returns 1
bar(); //returns 0
foo(); //returns 2

Answer 4

您的代码：

var foo = (function(){
  var x = 0;
  return function(){return x++;};
})()

相当于此代码：

function f(){
  var x = 0;
  return function(){return x++;};
}
var foo = f();

很容易看出，当您像这样分解它时，函数 f() 仅被调用一次。它定义了x，然后返回一个在f 的本地范围内定义的新函数。这个新函数通常被称为“匿名函数”（意味着它没有名称）或“闭包”。事实上，JavaScript 中的所有函数都是“闭包”——无论它们是否被命名。术语“闭包”仅意味着该函数保留对父函数作用域中定义的变量的访问权——即使在父函数退出后也是如此。

现在，foo 包含从 f 返回的新函数（闭包）。您可以根据需要多次调用 foo() —— 每次调用时，x 都会被返回并进行后递增。由于 x 存在于闭包的父作用域中，因此它的值将在对闭包的多次调用中保持不变。

更重要的是...一旦 f() 退出，其他代码现在就无法访问 x ——这基本上意味着 x 现在是“私人数据”的关闭。很整洁吧？

Answer 5

变量 foo 被分配给自执行函数的结果，如下所示：

声明一个名为 x 的变量，初始化为 0 。
返回一个函数，调用该函数时，将增加x 的值。

所以此时，foo 引用了一个函数。

调用它的方式是：

foo();

第一次调用它时，返回的值将是 0，然后是 1、2...

嗯，等一下...，不应该是1、2、3 ...？

你的方向是正确的，但在这种情况下，这不的原因是因为预增量之间的差异和后增量。 （++var 与 var++）。不同之处在于，前增量的结果是变量增量后的值，而后增量的结果是变量之前的值 em> 增量。

此示例说明了闭包的概念，这本质上意味着内部函数可以访问其周围函数中定义的变量。

Answer 6

让我们分解一下...首先我们定义一个匿名函数：

(function() { ... })

然后立即执行它：

(function() { ... })()

执行的结果是另一个函数：

function(){return x++;}

并且当我们创建上述函数时，x=0 被闭包捕获。然后我们将这个结果函数分配给 foo:

var foo = function(){return x++;}

以及闭包捕获的 x 值。每当执行 foo 时，x 就会递增。