执行环境，作用域，作用域链详解

Posted 2020-10-08

声明：该文章有些概念摘自《javascript高级程序设计》

1、执行环境：也称“环境”，执行环境定义了变量或函数有权访问的其他数据，决定了他们各自的行为。（全局定义的变量，函数里面可以访问。一般情况下，函数里面定义的变量，全局无法访问）。

2、全局执行环境：全局执行环境是最外围的一直执行环境，（在web浏览器中，全局执行环境被认为是window对象，因此所有全局变量和函数都是作为window对象的属性和和方法创建的），全局环境直到应用程序退出（关闭网页或者刷新网页）才会被销毁。

3、局部执行环境：某个函数的局部执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定义也随之销毁。

4、变量对象：每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。（我们无法访问这个对象，但是解析器在处理数据时会在后台使用它）。

5、活动对象：活动对象在函数执行环境中会被作为变量对象。活动对象在最开始时只包含一个变量（argument对象）。（变量对象在函数执行环境中称为活动对象）

6、作用域链：当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的用途，是保证对执行环境有权访问的所有变量和函数的有序访问。(作用域链的前端，始终都是当前执行的代码所在环境的活动对象);

                       作用域链中的下一个变量对象来自包含（外部）环境，而在下一个变量对象则来自下一个包含环境。这样一直延续到最后的全局执行环境。

作用域链例子一：

 

 1 <script>
 2 var x =1;               //在全局执行环境定义的x
 3 function add(){
 4      var x =2;          //在一级函数执行环境定义的x
       
 5      (function add2(){
 6          var x =3;      //在二级函数执行环境定义的x
 7          alert(x);     
 8      })();
 9 10      alert(x)
11 }
12 add();
13 alert(x);
14 </script>

 

输出的都是 x ，却得到三个完全不一样的值。

来想象下他们的作用域链 ：

1、add2 函数局部执行环境--作用域链： add2定义的x——》add1定义的x——》全局定义的x

2、add1 函数局部执行环境--作用域链： add1定义的x——》全局定义的x

3、全局执行环境--作用域链： 全局定义的x

add2执行的时候，如果在add2函数局部执行环境没找到变量对象 x，它会往上一级add1中找变量对象 x ；如果在add1函数局部执行环境中没找到变量对象 x ,他会往全局执行环境中找。例子中，函数add2在自己的执行环境中找到了变量对象 x ，就不再继续往上找，而是输出自己他这一级的 x 。（函数参数也被当作变量来对待）