JavaScript中的作用域链

JavaScript中的作用域链

在C/C++和Java等大型语言中，存在作用域这样的概念。通常，一对大括号就能创造一个作用域，同一个作用域内不能有两个名字相同的变量，变量也不能在自己所属的作用域之外调用，除非有特殊处理。JS中的作用域更加灵活，而有时会带来复杂。

如果不存在同名变量，问题自然不存在。无论是否存在同名变量，JS解释器寻找变量的规则都是一样的。

1. 在当前作用域下寻找。
2. 在上一级作用域下寻找。
3. 一直往上找，找到为止。

特别注意，“上层”的含义是声明的作用域的上层，而不是调用的作用域的上层。如：

var a = 1
function fn1(){
  function fn3(){
    var a = 4
    fn2()
  }
  var a = 2
  return fn3
}
function fn2(){
  console.log(a)
}
var fn = fn1()
fn() //输出为1

注意到fn3中调用函数fn2，fn2中又调用变量a，这个a是来自全局作用域的，故值为1，而不是来自fn3的作用域。fn2在全局作用域中声明，在fn3中执行，但上级作用域指的还是全局作用域，而不是调用它的fn3的作用域。