作用域、作用域链

目录

作用域：

作用域链：

作用域链代码优化

执行顺序

延长作用域链

总结

---

作用域：

简单来说，在一定的空间里可以对数据进行读写操作，这个空间就是数据的作用域。
JS中最常见的就是变量的作用域。
变量的作用域分为两种：全局变量和局部变量。

1. 全局作用域： 最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的；
2. 局部作用域： 局部作用域一般只在固定的代码片段内可访问到，而对于函数外部是无法访问的，最常见的例如函数内部。

       块级作用域：是ES6新增

作用域链：

当代码在一个环境中执行时，会创建变量对象的一个作用域链。
由子级作用域返回父级作用域中寻找变量，就叫做作用域链。

作用域链中的下一个变量对象来自包含环境，也叫外部环境。而再下一个变量对象则来自下一个包含环境，一直延续到全局执行环境。全局执行环境的变量对象始终都是作用域链中的最后一个对象。
作用域链前端始终都是当前执行的代码所在环境的变量对象，如果环境是函数，则将其活动对象作为变量对象。

作用域链决定了哪些数据能被函数访问。当一个函数创建后，它的作用域链会被创建此函数的作用域中可访问的数据对象填充。

说直白一点就是 作用域的集合就是作用域链（子集可以访问父集，父集不能访问子集）

function fn(){
    var a=10;
    function fn1(){
        var b=20;
        alert(a) //10
        function fn2(){
            alert(b) //20
            alert(a) //10  子集可以跨级访问父级
        }
        fn2()
    }
    fn1()
}
fn()
alert(b) // 报错

 从作用域链的结构可以看出，函数在执行的过程中，先从自己内部寻找变量，如果找不到，再从创建当前函数所在的作用域去找，从此往上，也就是向上一级找，直到找到全局作用域还是没找到。

作用域链代码优化

在运行期上下文的作用域链中，标识符所在的位置越深，读写速度就会越慢。如上面案例所示，因为全局变量总是存在于运行期上下文作用域链的最末端，因此在标识符解析的时候，查找全局变量是最慢的。

所以，在编写代码的时候应尽量少使用全局变量，尽可能使用局部变量。

执行顺序

当在作用域内访问 变量/方法 的时候，会找离自己最近的那个 变量/方法 （就近原则）

var a=10;
function fn(){
    var a=20;
    console.log(a) //20
}
fn()

延长作用域链

执行环境的类型只有两种，全局和局部（函数），但是有些语句可以在作用域链的前端临时增加一个变量对象，该变量对象会在代码执行后被移除。
具体来说就是执行这两个语句时，作用域链都会得到加强。
1、try - catch 语句的catch块；会创建一个新的变量对象，包含的是被抛出的错误对象的声明。
2、with 语句。with 语句会将指定的对象添加到作用域链中。 

总结

定义：作用域的集合就是作用域链
1、函数在执行的过程中，先从自己内部寻找变量
2、如果找不到，再从创建当前函数所在的作用域去找，从此往上，也就是向上一级找。
当在作用域内访问 变量/方法 的时候，会找离自己最近的那个 变量/方法 （就近原则）