JS的作用域链

JS的作用域链

作用域是针对变量的，比如我们创建了一个函数，函数里面又包含了一个函数，那么现在就有三个作用域
全局作用域==>函数1作用域==>函数2作用域
作用域的特点就是，先在自己的变量范围中查找，如果找不到，就会沿着作用域往上找。

上面是以书面语言来表达的作用域链，但是我自己总结了一下，我觉得对于我自己我挺好理解的，但至于全面不全面我不去定义，因为目前我能够理解的就是这样

接地气的理解作用域

作用域，顾名思义就像一片地域一样，自己有自己的规章制度，与外界一般不会互相干扰，然后在我们自己的地域之下可能还会产生地域，一般也不会干扰，但是在有些时候下层地域遇到不能解决的事的时候，会向上面一层寻求帮助，当上一层也不能解决的时候又继续向更上一层寻求帮助，直到最顶层的作用域都不能解决，那么应该就会报错，可能哪里出现问题了。

我们先看一下题目

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

这道题目我们先看打印的是哪个变量，是变量a，然后是在函数名为fn2的函数里。我们都知道函数只是声明,是需要调用的,现在找到函数名()这样一个代码，就是fn2()，现在就可以看fn2的作用域里有没有变量a，如果没有就从上一层找，直到找到之后，然后看有没有赋值，如果有,赋值多少，结果就是多少。如果没有，结果就是undefined。由此推理，所以以上打印结果为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() //输出多少

用以上方法，继续推理，那么你会得到打印结果为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() //输出多少

这道题就要稍微注意一下啦！用以上方法我们找到了fn2()，在它的作用域里我们找到了变量a,然后这里需要注意的是变量a赋值是在调用之后，然后变量会有声明前置，所以这里的a只有声明，对于fn2()来说，是还没有赋值的，所以打印结果是undefined