5.11-闭包（学习笔记）

最新推荐文章于 2021-07-14 17:49:14 发布

qq_43125921

最新推荐文章于 2021-07-14 17:49:14 发布

阅读量133

点赞数

分类专栏： 2021-5月

本文链接：https://blog.csdn.net/qq_43125921/article/details/116704511

版权

2021-5月专栏收录该内容

12 篇文章 0 订阅

订阅专栏

什么是闭包？
闭包是指那些能够访问自由变量的函数。
通俗讲就是在函数中访问另一个函数中的的变量。只要某个变量在另外一个函数中还存在引用，那么这个变量的值在内存中就不会被释放，除非这个函数不会再执行。
内部的函数被保存到外部。

之所以可能通过这种方式在 JavaScript 种实现公有，私有，特权变量正是因为闭包，闭包是指在 JavaScript 中，内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后
在JavaScript中，即使调用完函数，该函数内部定义的变量和方法仍会保留在内存中。

在函数退出后，闭包还能够保留对所有局部函数变量的引用。

当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。 — 你不知道的JavaScript(上卷)

闭包的构成：
闭包由两部分构成：函数，以及创建该函数的环境。

环境由闭包创建时在作用域中的任何局部变量组成。

闭包产生原因：js函数作用域的特性产生的
本质：JavaScript函数作用域的副作用产品。

通常情况下，函数作用域及其所有变量都会在函数执行后被销毁，但是，创建闭包后，这个函数的作用域就会一直保存到闭包不存在为止。

function add(x) {
            return function b(y) {
                return x + y;
            }
        }

        var add1 = add(2);
        console.log(add1(4)); //6

        add1 = null;
        console.log(add1(6)); //Uncaught TypeError: add1 is not a function

释放空间之前，可以继续使用内存空间中定义的变量。

闭包的应用：通过闭包模拟私有方法。
私有方法只能被类中的其他方法所调用。
私有方法有利于限制对代码的访问，避免非核心的方法干扰代码的公共接口，减少全局污染。

  var calculator = (function() {
            var a = 1;

            function add(val) {
                a += val;
            }
            return {
                add1: function() {
                    add(-5);
                },
                add2: function() {
                    add(100);
                },
                result: function() {
                    return a
                }
            }
        })()
        console.log(calculator.result()); //1
        calculator.add1();
        console.log(calculator.result()); //-4
        calculator.add2();
        console.log(calculator.result());//-100

使用闭包的注意事项
闭包使函数中的变量保存在内存中，造成内存消耗，所以不应滥用。

闭包深层次理解：
作用域链：保存在隐式的属性中【scope】,用户访问不到，js引擎在预编译时访问，存储的就是作用域链。
预编译：有函数预编译AO，全局预编译GO
作用域是预编译时产生的AO GO，作用域链是AO和GO的集合

var global;
        function a() {
            function b() {
                var bb = 123;
                aa = 0;
            }
            var aa = 123
            b()
        }
        a();