理解匿名函数在javascript代码中工作[重复]

Question

当我看到一段代码并试图理解为什么称它为匿名时，我有点困惑。

var adder = function (total) {
// the following function is returned 
// and assigned to adder

    var inner_function = function (summand) {
        total += summand;
        alert(total);
    }

    return inner_function;

}(0) // <- we call the annonymous function 
//    and assign the returned function to adder
adder(2); // -> 2
adder(3); // -> 5

我不明白的是，如果我不调用匿名函数，它就不会保留总计的值。为什么？没有 (0) 如果我调用 adder(2)，它不应该像第一次调用一样保持 total 的值，然后将 internal_function 分配给变量 adder？

它在博客中说 “当你调用加法器时，即inner_function，由于词法作用域，它可以访问total，即使拥有total.total的函数本身是在很久以前返回的函数的范围内声明的。” http://pierrespring.com/2010/05/11/function-scope-and-lexical-scoping/

只是想了解在这种情况下匿名是如何工作的

Answer 1

如果您不调用该函数，则还没有total。您的 adder 将引用外部函数。 adder(2) 会将 total 绑定到 2 并返回内部函数（您忽略它）。 adder(3) 会将 total 绑定到 3 并返回另一个内部函数（您也可以忽略它）。

具体来说：

var adder = function (total) {
    var inner_function = function (summand) {
        total += summand;
        alert(total);
    }

    return inner_function;    
};

就像

function adder(total) {
    var inner_function = function (summand) {
        total += summand;
        alert(total);
    }

    return inner_function;
}

然后

adder(2)  // returns `inner_function`

如果您不保存其返回值并调用它，则没有可见的效果。

Answer 2

var adder = function (total) {
// the following function is returned 
// and assigned to adder

    var inner_function = function (summand) {
        total += summand;
        alert(total);
    }

    return inner_function;

}(0) // <- we call the annonymous function 
//    and assign the returned function to adder
adder(2); // -> 2
adder(3); // -> 5

当您在行尾调用函数 (0) 时，实际上是在运行外部函数（接受 total 的函数）并返回内部函数。所以在调用adder 之后包含inner_function。 现在，当您省略调用该函数时，加法器实际上是外层函数，因此像adder(2) 一样调用它不会返回值，而是返回inner_function。简单例子：

var adder = function (total) {
// the following function is returned 
// and assigned to adder

    var inner_function = function (summand) {
        total += summand;
        console.log(total);
    }

    return inner_function;

}
adder(5)(2); // -> 7