JS闭包由浅入深(热身一下)

Posted 2021-02-14 xiaogua

• 首先我们需要准备一些前置知识: 变量的作用域和变量的作用域链
• 闭包前言：和大多数编程语言一样,javascript也采用词法作用域.也就是说,函数的执行依赖于变量的作用域,这个作用域是在函数定义时决定的,而不是函数调用的时候决定的。为了实现这种词法作用域, javascript函数对象的内部状态不仅包含函数的代码逻辑,还必须引用当前的作用域链。函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中称为“闭包”
• 理解闭包首先要了解嵌套函数的词法作用域规则。看一下这段代码:

  var scope = ‘global scope‘;
  function checkScope() {
      var scope = ‘local Scopr‘;
      function nest() {
          return scope;
      }
      return nest()
  }
  checkScope() 

  checkScope()函数声明了一个局部变量,并且定义了函数nest(), 函数返回了这个局部变量的值,最后将nest()的结果返回。我们应当非常清楚为什么调用checkScope()函数返回的是local scopr。现在我们对代码稍作改动。

• var scope = ‘global scope‘;
  function checkScope() {
      var scope = ‘local Scopr‘;
      function nest() {
          return scope;
      }
      return nest
  }
  checkScope()() 

  在这段代码中,我们将括号已到了checkScope()函数的后面。checkScope()返回的仅仅是一个函数对象,而不是直接返回结果。那么我们在定义函数的作用域外部调用这个嵌套的函数对象会发生什么事情呢？嵌套函数nest()定义在这个作用域里面，其中scope是局部变量。而在函数内部局部变量的优先级是高于全局变量的,所以不管在何时何地执行该嵌套函数时,返回的都是local Scopr。