纯干货，没有废话

先看题目，诸位自测

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

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

题目3

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

结果

2//题目1
1//题目2
undefined//题目3

解密

1、函数在执行时先从自己内部的局部作用域中查找变量，找到则用
2、如果在函数内部找不到，则在定义此函数的作用域中查找变量，找到则用
3、如果在定于函数的作用域内还是找不到，则在定义包含此函数的函数的作用域中查找变量，找到则用
4、依次往上，直至全局作用域，如果在全局作用域中依然找不到，则报错

结果浅析

题目1：

执行fn()即执行fn1返回的fn3，在fn3中又调用fn2，fn2中用到变量a，根据作用域链规则查找，首先在fn2内部没有找到变量a，则继续在定义fn2的作用域(题目1中即为函数fn1的内部)中查找变量a，在fn1中定于了变量a=2，因此执行fn()得到结果为2

题目2与题目1类似，不在赘述

题目3：

按照题目1的思路，在题目三中，在定义fn2的作用域中也有变量a=4，那为什么执行fn()得到的结果为undefined呢？那就要引入一个js中变量声明前置的知识点
什么是变量声明前置呢？
所谓变量声明前置就是js引擎在解析js代码时，会将所有的变量都提升至所有js代码的最前面来声明(注意：仅声明提前，赋值不提前)
看个例子：

console.log(a)
var a = 1
//打印结果是什么?
//A.1
//B.报错：a未定义
//C.undefined

答案是undefined
因为存在变量声明前置，所以上面例子的代码等价于：

var a ;//undefined
console.log(a) ;//执行此语句时，变量a已经声明，但未赋值，因此值为undefined
a = 1

回到题目3:
结合变量声明前置，函数fn3等同于：

function fn3() {
  function fn2() {
    console.log(a)
  }
  var a
  fn2()//执行fn2()时，变量a已经声明，但未赋值，因此值为undefined
  a = 4
}

简单理解作用域链：
先找自己，自己没有找爹，爹没有找爹的爹，爹的爹没有找爹的爹的爹，......，直至找到没有爹可找