JS闭包的定义

114 阅读2分钟

讲闭包之前,先理解几个概念:

高阶函数: 数既可以作为最为另外一个函数的参数传入,也可以作为返回结果传出

支持 头等函数 的编程语言: 一门语言中函数既可以作为参数,也可以作为返回值,也就是支持高阶函数

所以也可以说在JavaScript中:函数是一等公民

因为:

  • JS中函数的使用是非常灵活的
  • 函数既可以作为另外一个函数的参数,也可以作为一个函数的返回值(一等公民)

闭包的定义

  • 计算机科学对于闭包的定义(维基百科):

    • 闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures);
    • 是在支持 头等函数 的编程语言中,实现词法绑定的一种技术;(只有在像js、java等将函数视为一等公民的语言中,才有闭包,同时因为函数在词法解析时,就会确定函数的父级作用域,以及函数所能访问的自由变量)
    • 闭包在实现上是一个结构体,它存储了一个函数和一个关联的环境(相当于一个符号查找表);
    • 闭包跟函数最大的区别在于,当捕捉闭包的时候,它的 自由变量 会在补充时被确定,这样即使脱离了捕捉时的上下文,它也能照常运行;
  • MDN对于JavaScript闭包的解释:

    • 一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure);
    • 也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域;
    • 在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来;
  • 我之前的理解(片面):

    • 闭包的前提必须得是嵌套函数,其中内部函数引用外部作用域中的变量,该引用变量和内部函数构成一个闭包
  • 现在的理解:

    • 闭包不是只有嵌套函数才会产生,就算不是嵌套函数,也同样会产生闭包!

    • 例如:在全局作用域定义一个函数,如果里面引用了它的外层作用域(全局作用域)中的变量,那么它和引用变量也构成一个闭包(因为这也符合闭包的定义)

      var name = 'gf';
      function foo(){
              console.log(name);
      }
      foo();
      

    • 只不过在于嵌套函数产生的闭包可以用Chrome调试查看,而非嵌套函数无法查看。