let makeCounter = function () {
      let num = 0;
      function changeBy(val) {
        num += val
      }
      //给你返回什么,你才能拿什么
      return {
        add: function () {
          changeBy(1)
        },
        reduce: function () {
          changeBy(-1)
        },
        value: function () {
          return num
        }
      }
    }

    let counter1 = makeCounter()
    let counter2 = makeCounter()

    counter1.add()
    counter1.add()//2
    //这里counter2的初始值依然是0
    counter2.add()//1
    console.log(counter1.value());//2
    console.log(counter2.value());//1

1.在我看来,闭包有三大特点。一是函数嵌套函数

                            二是外部函数可以访问内部函数的变量

                            三是参数和变量不会被垃圾回收机制回收

  2.所以简单来说我认为闭包可以理解为是连接函数内部和函数外部的一座桥梁

  原理:

    1.为什么会形成闭包呢,因为当内部函数返回至外部并保存时,一定会形成闭包

    2.而关于闭包为什么能访问内部函数的变量,且不会垃圾回收机制回收,是因为

      闭包会产生原来的作用域链不被释放

    3.我们从JS预编译的角度来讲,可以知道,当外部函数执行的前一刻,内部函数被定义

      此时他的作用域链和外部函数的作用域链完全相同,都会指向该外部函数的AO(函数上下文)。

      然后等到外部函数执行结束,原本应被释放的外部函数的AO却因为内部函数被返回至外部且有一个变量进行接受和保存

      ,因此该外部函数的AO没有被销毁,还被内部函数的作用域链连接着 。所以当我们进行访问内部函数变量时,

      若该内部函数查询不到该变量,则会向他外部函数的AO去寻找,若无则沿其自身作用域链依次往上级查找

  闭包的优缺点

    1.优点:

          1.可以将一个变量长期储存在内存中,用于缓存

          2.可以避免全局变量的污染

          3.加强封装性,是实现了对变量的隐藏和封装

    2.闭包的缺点:

          1.因为函数执行上下文AO执行完不被释放,所以会导致内存消耗很大,增加了内存消耗量,影响网页性能出现问题

          2.而且过度的使用闭包可能会导致内存泄漏,或程序加载运行过慢卡顿等问题的出现

    3.所以我们可以在退出函数之前    将不使用的局部变量进行删除

  应用场景

    1.定时器setTimeout

      私有化变量,封装功能集

比如说我们有个应用场景,是对某个属性的值进行增删减查

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐