猿问

关于闭包的理解?求解惑。

function f1(){//2、找到 f1 函数,执行。

    var n=999;//3、给变量 n 赋值。

    nAdd=function(){n+=1}//9、找到 nAdd ,匿名函数内没有变量 n ,需要去上层查找,n = 999 +1。

    function f2(){//5、找到 f2 函数,执行。

        alert(n);//6、执行动作。

    }

    console.log(n);//新加上,测试,不参与执行步骤。

    return f2;//4、返回 f2 函数,需要寻找 f2 函数。

}

var result=f1();//1、将 f1函数的返回值赋值给 result 变量,result 也变成函数,需要寻找f1函数。

result(); //7、第一次执行 result 函数,将步骤 6 的执行动作(步骤 6)结果输出,n 等于 999。

nAdd();//8、执行 f1 函数里的全局变量函数 nAdd ,需要寻找 nAdd 函数。

result(); //10、第二次执行 result 函数,将步骤 5 的执行动作(步骤 6)结果输出,此时 n 等于 1000,因为第一次执行 result 函数时,查找了上层的作用域,n 是 999。

nAdd();//11、如果再执行 nAdd 函数,此时 nAdd 这个函数里的 n 是 1000,而 f1 函数的 n 还是 999,也就是说 f1 的变量 n 和 nAdd 的 n 是两个作用域不同的同名变量。

result(); 

f1();//新加上,测试


/*结果

控制台输出:999

弹窗:999

弹窗:1000

弹窗:1001

控制台输出:999

*/

想请教各位前辈看看这样的理解是不是正确的。
补充:可不可以理解为,闭包第一次执行的时候需要往上层查找变量,找到之后,上层的变量值就变成了子函数的变量值,以后就不需要再去上一层查找,因为已经在第一次执行的时候继承了,变成自己的。
感觉有点乱。。。
(捂脸

慕森卡
浏览 432回答 1
1回答

缥缈止盈

function f1(){    var n=999;    nAdd=function(){n+=1}    function f2(){        alert(n);    }    console.log(n);    return f2;}var result=f1();result(); nAdd();result();nAdd();result(); var b = f1();//新加上,测试此时b和result中的n不是同一个b和nAdd的n是同一个.result的n已经无法改变.
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答