作用域链

作用域链

作用域链的原理和原型链很类似，如果这个变量在自己的作用域中没有，那么它会寻找父级的，直到最顶层。JS的语法风格和C/C++类似, 但作用域的实现却和C/C++不同，并非用“堆栈”方式，而是使用列表，具体过程如下(ECMA262中所述):

任何执行上下文时刻的作用域, 都是由作用域链(scope chain)来实现.
在一个函数被定义的时候, 会将它定义时刻的scope chain链接到这个函数对象的[[scope]]属性.
在一个函数对象被调用的时候，会创建一个活动对象(也就是一个对象), 然后对于每一个函数的形参，都命名为该活动对象的命名属性, 然后将这个活动对象做为此时的作用域链(scope chain)最前端, 并将这个函数对象的[[scope]]加入到scope chain中.

在一般情况下，一个作用域链包括父级变量对象（variable object）（作用域链的顶部）、函数自身变量VO和活动对象（activation object）。

当查找标识符的时候，会从作用域链的活动对象部分开始查找，然后(如果标识符没有在活动对象中找到)查找作用域链的顶部，循环往复，就像作用域链那样。

看个例子

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

fn() 执行的时候也是执行fn3()，再执行fn2() ，fn2里没有变量a，再它的父作用域里找，找到a，结果为2

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() //输出多少

fn() 执行的时候也是执行fn3()，再执行fn2() ，fn2里没有变量a，再到它的父作用域里找，找到a，结果为1

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

fn() 执行的时候也是执行fn3()，再执行fn2() ，fn2里没有变量a，再到它的父作用域里找，找到a，a =4 再执行函数的后面，所以不执行，结果为undefined

总结

1.函数在执行的过程中，先从自己内部找变量
2.如果找不到，再从创建当前函数所在的作用域去找, 以此往上
3.注意找的是变量的当前的状态