自调用匿名函数与匿名函数中变量状态的范围和维护

Question

我想了解匿名自调用函数能够保持变量的最后更新状态的方式，但为什么在普通匿名函数的情况下不可能。这两个函数都是闭包 在保持先前的变量状态的同时仍然表现不同。 例如：

var selfInvokingfunc= (function () {
    var a=2;
    var myprivatefunction = function () {
        a=a+2;
        console.log(a);

    }
    return {
        mypublicfunction : function () {
            myprivatefunction();
        }
    }
})();

selfInvokingfunc.mypublicfunction() ;//a is 4
selfInvokingfunc.mypublicfunction();  // a is 6

var nonSelfInvokingAnonymousFunction = function () {
    var a=2;
    var myprivatefunction = function () {
        a=a+2;
        console.log(a);
    }

    return {
        mypublicfunction : function () {
            myprivatefunction();
        }
    }
};

nonSelfInvokingAnonymousFunction().mypublicfunction(); //a is 2
nonSelfInvokingAnonymousFunction().mypublicfunction(); //a is 2

同样适用于非自调用，如果调用为：

var temp=nonSelfInvokingAnonymousFunction();
temp.mypublicfunction() ; // a is 4
temp.mypublicfunction(); // a is 6

请帮我理解一下。

Answer 1

每次执行外层函数的主体和行：

var a=2;
var myprivatefunction = function () {
// ...

运行时，这些变量的新绑定会在内存中创建。

使用自调用函数，由于它立即执行并且一次，因此存在a 变量的一个 绑定，mypublicfunction 属性可以通过闭包查看。

相比之下，使用您的nonSelfInvokingAnonymousFunction，每次调用它时，您都会为a 创建一个单独的绑定：

nonSelfInvokingAnonymousFunction().mypublicfunction(); //a is 2
// ^^^ creates an a           ^^^^
nonSelfInvokingAnonymousFunction().mypublicfunction(); //a is 2
// ^^^ creates a SEPARATE a   ^^^^

当您对a 变量有两个单独的绑定时，在关闭一个 绑定的函数上调用mypublicfunction 对其他 没有影响> 绑定。

在你最后的代码中，当你这样做时

var temp = nonSelfInvokingAnonymousFunction();
//         ^^^ creates an a           ^^^^
temp.mypublicfunction() ; // a is 4
temp.mypublicfunction(); // a is 6

您创建一个a，并创建一个temp，其mypublicfunction 函数关闭了那个a，因此多次调用mypublicfunction 会导致a 多次更改。