javascript - 关于闭包的理解？求解惑。

问题描述

问 题

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
*/

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

--------------------再次补充--------------------
越看越乱。
然后彻底乱了。
从输出结果来看，第一次控制台的输出和最后一次控制台的输出，f1的 n 是不可变的。
但是子函数之间不是不能互相读取变量吗？为什么 nAdd 的表达式会影响到 f2 的 n？

解决方案

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已经无法改变.

这篇关于javascript - 关于闭包的理解？求解惑。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！