让你详细了解js闭包问题

来源：互联网发布：echarts清除缓存数据编辑：程序博客网时间：2024/05/20 02:29
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body></body><script>    //如下有一个函数    var a=10;//声明在fn1函数外    function fn1() {        console.log(a);//10    }    //这是一个正常的函数；通过调用可以得到值10；    fn1();    //如上a是全局变量；fn1函数里面可以打印出；函数外面也能打印出‘    console.log(a);//10    //如果把b放在函数fn2里面看一下结果    function fn2() {        var b=10;        console.log(b);//10    }    fn2();    //console.log(b);//b is not defined    //fn2说明在函数外面是无法得到里面的局部变量的值；    //那么必须要得到呢？就要用到闭包；    //闭包，是js的一大难点也是他的一大特点；简单理解就是父函数能够得到子函数的局部变量。如下所示：    //fn3是父函数，fn2是子函数，c在fn2中声明；是局部变量；看最后结果输出是c的值，说明父函数得到了子函数的局部变量。    function fn3() {        function fn2() {            var c=100;            console.log(c);        }        return fn2;//返回fn2函数的结果100给fn3    }    var aa=fn3();//调用fn3把他的值赋给aa    aa();//100    //此例子中fn2函数就是闭包，闭包就是将函数内部和函数外部连接起来的一座桥梁    //闭包用途    //1.可以读取子函数内部的变量；2.让这些变量的值始终保存在内存中。    //作用1例子如上；    //作用2例子如下：    function t1() {        var w=20;        add=function () {            w+=1;        };//add是全局变量，值是匿名函数，add在外调用这个匿名函数的值，所以，这个匿名函数也是一个闭包。        function t2() {            console.log(w);        }        return t2;//t2是一个闭包函数，返回给t1    }    var s=t1();    s();//20    add();//w自加的过程函数。下面s()结果是21说明t1在调用后w变量没有被自动清除；继续保存在内存中。    s();//21    //为什么会保存的原因：t1是t2的父函数，而t2被赋给了一个全局变量，这导致t2始终在内存中，而t2的存在依赖于t1，因此t1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收</script></html>
阅读全文
1 0