JavaScript闭包返回函数

Question

我试图学习有关javascript闭包的信息，并且遇到了以下示例：

function counter() {
    var count = 0;
    return function() {
        alert(count++);
    }
}
var count = counter();
count();
count();
count();

对我来说有意义，我的问题是，为什么这不起作用？

var count = function() {
    var count = 0;
    return function() {
        alert(count++);
    }
};
count();
count();
count();

在我看来，这应该是完全相同的事情，但也许我只是缺少明显的东西，请协助。

Answer 1

为了使第二个方法起作用，您将需要像这样调用返回的函数：

var count = function() {
    var count = 0;
    return function() {
        alert(count++);
    }
};
count()();

但是，这样做不会增加计数数，因为它没有像第一个示例那样存储在任何地方，因为第一个示例中变量count保存了函数。

因此，如果要保留count的值，请使用第一种方法，其中说var count = counter()

希望这能说明问题！

Answer 2

我会尝试在您的代码中给出一个很好的解释：

function counter() {
    var count = 0;

    // By calling the function counter (adding a '()' after its name) you are returning a brand new anonymous function
    return function() { // **Reference 1**
        alert(count++);
    }
}

// Here, the count variable is actually the anonymous function you returned in the **Reference 1**
var count = counter();

// In this line, you are calling the anonymous function (adding the '()' after its new name 'count')
count();

上面的解释解释了为什么这样做。 因为，首先调用一个函数，该函数返回一个匿名函数并将其分配给变量count。 然后您通过在其名称后添加“（）”来调用该函数，从而执行alert(count++)

现在，为什么另一个示例不起作用？ 我想现在很明显了：

var count = function() {
    var count = 0;
    return function() { // **Reference 2**
        alert(count++);
    }
};

// Here you are calling the count function which returns the anonymous function in the line **Reference 2**.
count(); // So, long story short, this call only returns the anonymous function.

您应该尝试在其后添加第二个'（）'： count()(); 。 这也应该工作，因为第一个'（）'返回匿名函数，而第二个'执行返回的匿名函数。

希望这可以帮助！

Answer 3

在使用闭包之前，必须调用外部函数创建闭包并获取返回的内部函数，然后保留该返回结果，然后可以随后调用此函数使用闭包。 因此，在第二个示例中，您必须调用count()并保留其返回结果，然后将该返回结果用于后续调用。

如果将其更改为第二个示例，则该示例将起作用（看起来与第一个示例几乎相同）：

 // log output for purposes of the snippet function log(x) { var div = document.createElement("div"); div.innerHTML = x; document.body.appendChild(div); } var counter = function() { var count = 0; return function() { log(count++); } }; // get the inner function and create the closure var count = counter(); count(); count(); count(); 

如您所见，这仅与第一个示例有所不同，因为该counter是函数表达式而不是函数定义。 除了定义counter的时间之外，第二个代码示例没有什么不同，因此实现方式必须相同。