JS之函数作用域链

什么是作用域？

作用域是负责收集并维护由所有声明的变量组成的一系列查询，并实施一套非常严格的规则，确定当前代码对这些变量的访问权限

其实作用域是根据名称查找变量的一套规律

什么是作用域链呢？

每个函数都有着自己的执行环境，当代码在一个环境中执行时，会创建变量对象的一个作用域链，它的用途是保证对执行环境有权访问的所有变量和函数的有序访问

但是实际情况是我们大多遇到的都是作用域的嵌套

题目：下面代码会输出什么？

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
然而这是为什么呢？
无论函数在哪里被调用，也无论如何被调用，它的作用域只由函数被声明时所处位置决定
所以先从函数内部寻找，fn2函数内找不到后，从创建当前函数所在的作用域寻找，从题中看就是全局作用域，找到a = 1

总结一下规律：

1. 函数在执行的过程中，先从自己内部找变量
2. 如果找不到，再从创建当前函数所在的作用域去找, 以此往上
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() //输出多少

输出undefined，根据规律我i们先从函数fn2内部找，没找到后，继续往上层去寻找，也就是fn3函数内部，我们发现了a，a=4，那么输出的应该是4啊！为什么是undefined呢？
其实在fn3函数里是这样的

function fn3(){
    function fn2(){
      console.log(a)
    }
    var a
    fn2()
    a = 4
  }

a的声明会被前置，并没有被赋值，默认值为undefined，所以当fn2函数被调用的时候，a的值为undefined，函数调用后，a才被赋值为4