聊聊js执行环境与作用域

1、前言：执行环境是js中最重要的一个概念，执行环境定义了变量或函数有权访问的其他数据，决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量都保存在这个变量。全局执行环境是最外层的一个执行环境，根据js运行的宿主环境不同而不同，在web浏览器中，全局执行环境是window对象，因此，所有的全局变量和函数都是window的属性。某个执行环境的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定义也随之被销毁。（全局环境直到应用退出，如关闭网页或浏览器后才被销毁）。每个函数都有自己的执行环境，当执行进入一个函数时，这个函数的环境就被推入一个环境栈，当函数执行完毕后，环境栈再将其执行环境弹出，把控制权返回给之前的执行环境。

2、作用域链：当代码在执行环境执行时，会创建一个作用域链来保证对执行环境有权访问的所有变量和函数的有序访问，作用域链的前端始终都是当前执行代码所在的执行环境的变量对象。如果这个执行环境是函数，则将其活动对象作为变量对象，活动对象在最开始时只包含一个变量arguments对象，（这个对象在全局环境不存在）。作用域链中的下一个变量对象来自其包含的执行环境，而再下一个变量对象来自下一个包含环境，一直延续到全局执行环境，全局执行环境始终是最后一个变量对象。标识符的搜索是沿着作用域链一级一级向上搜索的过程，直到找到为止，找不到则报错。

如上图所示，存在三个执行环境。代码执行时，从当前执行环境变量对象沿着作用域链往上查找。

3、延长作用域：虽然执行环境总共只有两种（全局和局部），但是还有其它办法来延长作用域，在作用域的前端临时添加一个变量对象，该变量对象会在代码执行完后被移除。

• try-catch的catch块
• with语句

function test() {
    var a = {name:'qwqwe'}
    with(a) {
      var n = name
    }
    return n
}