JavaScript闭包

最新推荐文章于 2024-03-01 18:51:15 发布

想跳进可乐罐

最新推荐文章于 2024-03-01 18:51:15 发布

阅读量157

点赞数 1

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/m0_64246150/article/details/127140062

版权

闭包理解

1.如何产生闭包？
当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包
2.闭包到底是什么？
使用Chrome调试查看
理解一：闭包是嵌套的内部函数（绝大部分人）
理解二：包含被引用变量（函数）的对象（极少数人）
注意：闭包存在于嵌套的内部函数中
产生闭包的条件？
函数嵌套
内部函数引用外部函数的数据（变量/函数）

        function fn1() {
            var a = 2;
            var b = 'abc'
            function fn2() {//执行函数定义就会产生闭包（不用调用内部函数）
                console.log(a);
            }
        }
        fn1()

常见的闭包

将函数作为另一个函数的返回值

        function fn1() {
            var a = 2;//在这一行闭包已经产生了，因为有函数提升
            function fn2() {
                a++;
                console.log(a);
            }
            return fn2
        }
        var f = fn1()
        f()//3
        f()//4 (a是一个局部变量，在函数调用的时候产生，在调用结束后死亡，但这里可以看到输出了3和4.就说明a没有死亡)

将函数作为实参传递给另一个函数调用

        function showDelay(msg,time) {
            setTimeout(function() {
                alert(msg)
            },time)
        }
        showDelay('atguigu',2000)

怎么看闭包对象创建几个，就看外部函数执行几次

闭包的作用

1.使用函数内部的变量在函数执行完后，仍然存活在内存中（延长了局部变量的生命周期）
2.让函数外部可以操作（读写）到函数内部的数据（变量/函数）

为什么使用闭包为什么说闭包可以通过外部操作里边的数据？当 var a =2时作用域原因只有函数内部才能操作 a ，那么怎么实现操作呢？
就是在函数内部写一个操作 a 的函数,然后将函数暴露出去，也就是return出去当每一次在全局调用暴露出的函数就能够修改里边a的值解决了函数修改内部数据受局限。

函数执行完后，函数内部声明的局部变量是否还存在？
一般是不会存在的。存在于闭包中的变量才可能存在

        function fn1() {
            var a = 2;
            function fn2() {
                a++;
                console.log(a);
            }
            function fn3() {
                a--;
                console.log(a);
            }
            return fn3
        }
        var f = fn1()
        f()
        f()

还有return f3返回的是函数体方法的过程，不是值，局部变量fn3被释放了，但是fn3所保存的函数对象的地址值返回给了全局变量f了

没有引用指向，内部函数成为垃圾对象，当函数执行完会被当做垃圾对象释放，所以要用一个变量来接受函数

在函数外部能直接访问函数内部的局部变量吗？
不能，但是我们可以通过闭包让外部操作它

闭包的生命周期

产生：在嵌套内部函数定义执行完时就产生了（不是在调用）
死亡：在嵌套内部函数成为垃圾对象时

        function fn1() {
        //此时闭包就已经产生了（函数提升，内部函数对象已经创建了）
            var a = 2;
            function fn2() {
                a++;
                console.log(a);
            }
        }
        var f = fn1()
        f()
        f()
        f = null//闭包死亡（包含闭包的函数对象成为垃圾对象）