让你详细了解js闭包问题

最新推荐文章于 2017-09-25 11:15:20 发布

置顶栈长

最新推荐文章于 2017-09-25 11:15:20 发布

阅读量234

点赞数 1

分类专栏： java script 资料注意文章标签：函数闭包 javascript

本文链接：https://blog.csdn.net/wdzhszyq/article/details/76100417

版权

资料同时被 3 个专栏收录

22 篇文章 0 订阅

订阅专栏

java script

15 篇文章 0 订阅

订阅专栏

注意

12 篇文章 0 订阅

订阅专栏

<!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

收藏

觉得还不错? 一键收藏
0
评论
让你详细了解js闭包问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body><script> //如下有一个函数 var a=10;//声明在fn1函数外 function fn1() { console.l
复制链接

扫一扫

专栏目录