闭包和常见应用场景

875 阅读1分钟

例子1

闭包的定义其实很简单,函数a中有函数b,函数b能访问a中的变量,函数b就是闭包

    function a() {
      let a = 1
      window.b = function () {
        return a
      }
    }
    a()
    b() // 1

例子2

    let foo = (() => {
      let secret = 'secret'
      // “闭包”内的函数可以访问 secret 变量,而 secret 变量对于外部却是隐藏的
      return {
        getSecret: () => {
          // 通过定义的接口来访问 secret
          return secret
        },
        setSecret: (val) => {
          // 通过定义的接口来修改 secret
          secret = val
        }
      }
    })()
      
    foo.getSecret() // 得到 'secret'
    foo.secret // Type error,访问不能
    foo.setSecret('new secret') // 通过函数接口,我们访问并修改了 secret 变量
    foo.getSecret (); // 得到 'new secret'

使用场景

1、读取函数内部的变量。
2、让这些变量的值始终保持在内存中。不会再foo调用后被自动清除。
3、方便调用上下文的局部变量。利于代码封装。