深入理解JavaScript作用域和作用域链

关于“深入理解JavaScript作用域和作用域链”的完整攻略，我会从以下四个方面进行详细讲解：

1. 什么是JavaScript作用域
2. JavaScript作用域的类型
3. 作用域链的产生和工作原理
4. 示例说明

1. 什么是JavaScript作用域

作用域指的是变量和函数能够被访问的范围，而JavaScript作用域就是指在JavaScript程序中，变量和函数的可访问范围。JavaScript采用词法作用域，也就是说，作用域的范围是在代码编写期间确定的，并且与函数被调用的位置无关。

2. JavaScript作用域的类型

在JavaScript中，作用域分为全局作用域和局部作用域两种。

全局作用域不与任何函数相关，是在代码最外层定义的变量和函数，在整个程序中都可以被访问和使用。

局部作用域指的是在函数内部所定义的变量和函数，在函数内部是可以被访问和使用的，但是在函数外部是无法访问的。

3. 作用域链的产生和工作原理

当我们访问一个变量或者函数时，JavaScript引擎会按照作用域链的顺序进行查找，直到找到目标对象为止。

作用域链是由当前作用域和所有包含它的外层作用域所组成的。当JavaScript查找一个变量或函数时，它会首先在当前作用域中查找，如果没有找到，则会向外层作用域继续查找，直到找到该变量或函数或者查找到全局作用域为止。

4. 示例说明

以下是两个示例，来说明JavaScript作用域和作用域链的用法和原理。

示例一：变量作用域与作用域链

var a = 10; 

function foo() { 
  var b = 20; 

  function bar() { 
    var c = 30; 
    console.log(a, b, c); 
  }

  bar(); 
  console.log(a, b); 
}

foo(); 
console.log(a);

在以上示例中，全局变量a可以在所有函数内部被访问和使用，因此在函数foo和bar内部都可以访问变量a。而函数内部定义的变量b和c是局部变量，在函数外部是无法访问的，因此只能在函数内部被使用。当执行函数bar时，会首先在其自身作用域中查找变量a和b，由于c不在bar的作用域内，会继续向上查找，直到找到变量c为止。当函数foo执行完毕后，其内部定义的变量b也随着函数的执行结束而被销毁，这就是局部作用域的特点。

示例二：闭包的作用域链

function createCounter() {
  var count = 0;
  return function() {
    count++;
    console.log(count);
  };
}

var counter1 = createCounter();
counter1(); // 1
counter1(); // 2

var counter2 = createCounter();
counter2(); // 1

在以上示例中，createCounter函数内部定义了一个局部变量count，并返回了一个匿名函数。由于该匿名函数是在createCounter作用域内定义的，因此可以访问并修改count变量的值，形成了一个闭包。当我们使用createCounter函数创建了多个实例时，每个实例都会有自己的count变量，并相互独立地进行计数，这就展现了闭包的作用。

在使用counter1实例调用匿名函数时，JavaScript会查找该函数内部定义的变量count，由于该变量不在匿名函数的作用域内，因此会向外层作用域查找，查找到createCounter函数的作用域中，从而形成了闭包。当我们使用counter2实例调用匿名函数时，同样也会形成自己的闭包，不会受到counter1实例的影响。