JavaScript深入理解作用域链与闭包详情

JavaScript深入理解作用域链与闭包攻略

作用域链

在JavaScript中，作用域链是一种机制，它决定了变量和函数的访问权限。每个函数都有一个作用域链，它是由函数创建时所处的环境和所有父级环境的变量对象所组成。当函数执行时，它的作用域链会被用来解析变量和函数的引用。

示例一：作用域链的基本概念

var globalVar = 'global';

function outer() {
  var outerVar = 'outer';

  function inner() {
    var innerVar = 'inner';

    console.log(innerVar); // 输出 'inner'
    console.log(outerVar); // 输出 'outer'
    console.log(globalVar); // 输出 'global'
  }

  inner();
}

outer();

在上面的例子中，函数inner()可以访问它外部的函数outer()中声明的变量outerVar，也可以访问全局变量globalVar。这是因为在函数inner()的作用域链中，除了当前函数的变量对象之外，还包含它外部的函数和全局作用域的变量对象。

闭包

闭包是一种特殊的函数，它可以访问它定义时所处的作用域和所有父级作用域中声明的变量和函数。在JavaScript中，函数可以定义在其他函数内部，形成闭包。

示例二：闭包的实际应用

function createCounter() {
  var count = 0;

  return function() {
    return ++count;
  }
}

var counter = createCounter();

console.log(counter()); // 输出 1
console.log(counter()); // 输出 2
console.log(counter()); // 输出 3

在上面的例子中，变量count是函数createCounter()的局部变量，在函数createCounter()执行完毕后就不存在了。但是，由于createCounter()返回了一个函数，这个函数形成了一个闭包，可以访问它定义时所处的作用域中声明的变量和函数。在这个闭包中，变量count的值得以保留，并在每次调用这个闭包时得到更新。

结束语

了解JS的作用域链和闭包是成为一名JavaScript高手的必要条件。但是，过多地使用闭包有可能导致内存泄漏和性能问题，所以需要适度使用。