JavaScript 中的闭包

闭包

1. 闭包的概念：

• 闭包是一个函数的高级应用
• 通过建立一个不被销毁的存储空间,来在函数的外部调用和使用函数内部的数据

2. 闭包的条件：

• 当出现了一个不销毁的函数执行空间
• 在 A 函数内部，直接或间接的返回一个函数 B
• 被返回的函数 B 使用着 A 函数内部的数据
• 我们管 B 函数叫做 A 函数的闭包函数。

function funA(){
            let a = 100;
            let b = 200;
            let c = 300;

            return function funB(){
                // 在函数b中,引用了函数a中,定义的局部作用域变量
                let abc = {str1:a,str2:b,str3:c};
                // 返回值是 abc 也就是,函数a中的局部作用域变量
                return abc;
            }
        }
        // 在函数a外部,调用引用函数a,此时变量a1 中, 存储的是 函数b 的 内存地址
        let a1 = funA();

        // 调用a1,实际就是通过a1中存储的函数b的内存地址,来调用函数b
        // 此时a2存储的应该是函数b的返回值 abc 也就是 函数a中的局部作用域变量
        let a2 = a1();

        console.log(a2);
        // 最终的目的就是通过函数b的返回值,来在函数a的外部,来调用使用函数a的局部作用域变量

3. 闭包的特点：

（1）函数作用域空间不会被销毁

• 优点是 ：空间中的内容，永远存在
• 缺点是：占用大量的内存空间

（2）可以从外部访问函数内部的变量

• 优点是 ：使用变量数据方便
• 缺点是：容易泄露数据信息

（3）保护私有作用域变量

• 优点是 ：不会污染全局变量
• 缺点是：外界无法访问函数中的变量

注意：

• 闭包的最大问题是:有可能造成占用大量的内存空间,降低程序的执行效率,甚至有可能造成数据溢出或者是数据泄露
• 因为为了保护数据的安全性,特殊情况下,才会使用闭包

4. 闭包的简单应用：

 // 间接返回一个函数
    function a() {
      var n1 = 100

      var b = {
        getN1: function () {
          return n1
        },
        setN1: function (n) {
          n1 = n
        }
      }
      return b
    }

    var obj = a()
    var n = obj.getN1() // n === 100
    console.log(n)
    obj.setN1(200) // 执行完毕以后，把 a 函数执行空间里面的 n1 变成了 200
    var n2 = obj.getN1() // n2 === 200
    console.log(n2)