关于作用域链的一些范例

1. 函数在执行的过程中，先从自己内部找变量

2. 如果找不到，再从创建当前函数所在的作用域去找，以此往上

范例

例1

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

分析：

先执行 var a=1，var fn=fn1()，进入function fn1()，执行var a=2，return fn3，进入function fn3()，执行var a =4，fn2()，进入function fn2()，执行console.log(a)，由于本作用域没有a，因此向上一级作用域寻找a，即var a=2，因此输出2。

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

分析：

执行var a=1，var fn=fn1()，进入function fn1()，执行var a=2，return fn3，执行function fn3()，执行var a=4，fn2()，执行function fn2()，执行console.log(a)，此作用域没有a，所以向上一级作用域寻找a，即最外层的var a=1，因此输出结果1。

例3

var a=1
function fn1() {

  function fn3() {
    function fn2() {
      console.log(a)
    }
    var a
    
    fn2()
    a=4
  }
  var a=2
  return fn3
}
var fn=fn1()
fn()

分析：

先执行var a=1，var fn=fn1()，进入function fn1()，执行 var a=2 ， return fn3，进入function fn3()，由于fn2()在var a=4之前，但var a会被前置，执行var a，在执行fn2()，进入function fn2()，执行console.log(a)，这个时候该作用域没有a，去上一层作用域找a，找到var a，但此时的a还没有赋值，因此输出undefined。