作用域与作用域链

#作用域与作用域链

一、作用域

1、理解

作用域是通过函数来区分不同的作用域的，一旦在当前作用域声明了一个变量a，那么当前作用域就不能再去使用其父级作用域的a。就是一块“地盘"，一个代码段所在的区域，它是静态的（相对上下文的对象），在编写代码时就确定了

2、分类

1）局部作用域：在函数中声明的变量叫做局部变量，局部变量指在当前的函数中生效，当函数执行完毕的时候，局部变量就被销毁了
2）全局作用域：在最外边定义的变量叫做全局变量，全局变量在任何地方都是可以被调用的，当浏览器关闭的时候全局变量才会被销毁。

3、作用域的作用

隔离变量，不同作用域下同名变量不会有冲突

4、代码例子

<script type="text/javascript">
  var a = 10,
      b = 20
  function fn(x) {
    var a = 100,
        c = 300;
    console.log('fn()', a, b, c, x)//运行结果：fn() 100 20 300 10
    function bar(x) {
      var a = 1000,
          d = 400
      console.log('bar()', a, b, c, d, x)//运行结果：bar() 1000 20 300 400 100
    }
    bar(100)
    bar(200)
  }
  fn(10) //运行结果：bar() 1000 20 300 400 200
</script>

二、作用域与执行上下文

1、区别1

1）全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定了。而不是在函数调用时
2）全局执行上下文环境是在全局作用域确定之后，js代码马上执行之前创建
3）函数执行上下文环境是在调用函数时，函数体代码执行之前创建

2、区别2

1）作用域是静态的，只要函数定义好了就一直存在，且不会再变化
2）上下文环境是动态的，调用函数创建，函数调用结束时上下文环境就会被释放

3、联系

1）上下文环境（对象）是从属性所在的作用域
2）全局上下文环境==>全局作用域
3）函数上下文环境==>对应的函数使用域
##三、作用域链

1、理解

作用域链式保证对执行环境有权访问的所有变量和函数的有序访问，当我们使用某个变量的时候，浏览器就会沿着作用域链一级一级的向上寻找这个变量的控制范围。

2、查找一个变量的查找原则

1）在当前作用域下的执行上下文中查找对应的属性，如果有直接返回，否则进入2
2）在上一级作用域的执行上下文中查找对应的属性，如果有直接返回，否则进入3
3）再次执行2的相同操作，知道全局作用域，如果还找不到就抛出找不到的异常

3、代码例子

var a=1;//定义一个全局变量a为1
    function fn1() {
        var a=2;//定义一个fn1中的局部变量 a为2  只有fn1中能用这个a
        console.log(a);//这里的a先看自己有没有，发现当前作用域有声明a，那么就使用当前作用的a为2
        function fn2() {
            console.log(a);//这里先看当前作用域有没有定义a，没有就去上一个作用域去寻找，上一个作用域有声明a并且赋值为2，所以这里打印2
            function fn3() {
                var a=3;//在fn3这个函数中 声明变量a 并赋值为3  这个a只能在fn3中使用
                console.log(a)//发现自己作用域中有a  直接使用  3
            }
            fn3();
        }
        fn2();
    }
    fn1();
    console.log(a);//全局的目前不能使用局部定义的a  只能使用全局的 所以执行打印 1*/