JS 执行环境、作用域链、活动对象

Tangpj 发布于2019-08-02 11:02 / 2375人阅读

摘要：下面仔细分析下作用域链当某个函数第一次被调用时，就会创建一个执行环境以及相应的作用域链，并把作用域链赋值给一个特殊的内部属性。当前执行环境的变量对象始终在作用域链的第位。

JS执行环境

执行环境（Execution context，EC）或执行上下文，是JS中一个极为重要的概念

执行环境分为三种(全局执行环境，函数执行环境，evel()执行环境)

js为每一个执行环境关联了一个变量对象。环境中定义的所有变量和函数都保存在这个对象中

EC的组成

当JavaScript代码执行的时候，会进入不同的执行环境(执行上下文)，这些执行环境会构成了一个执行环境栈(执行上下文栈)（Execution context stack，ECS）。见下图：

变量对象

变量对象(VO):变量对象即包含变量的对象，除了我们无法访问它外，和普通对象没什么区别。变量对象存储了在上下文中定义的变量和函数声明

变量对象和活动对象(AO)

活动对象和变量对象其实是一个东西，只是变量对象是规范上的或者说是引擎实现上的，不可在 JavaScript 环境中访问，只有到当进入一个执行上下文中，这个执行上下文的变量对象才会被激活，所以才叫 activation object

，而只有被激活的变量对象，也就是活动对象上的各种属性才能被访问。

活动对象是在进入函数执行环境时刻被创建的，它通过函数的 arguments 属性初始化。arguments 属性值是 Arguments 对象。

变量对象和活动对象的关系

未进入执行阶段之前，变量对象(VO)中的属性都不能访问！但是进入执行阶段之后，变量对象(VO)转变为了活动对象(AO)，里面的属性都能被访问了，然后开始进行执行阶段的操作。

它们其实都是同一个对象，只是处于执行环境的不同生命周期。

    AO 实际上是包含了 VO 的。因为除了 VO 之外，AO 还包含函数的 parameters，以及 arguments 这个特殊对象。也就是说 AO 的确是在进入到执行阶段的时候被激活，但是激活的除了 VO 之外，还包括函数执行时传入的参数和 arguments 这个特殊对象。

　　 AO = VO + function parameters + arguments

执行环境分析

全局执行环境是最外围的执行环境，全局执行环境被认为是window对象，因此所有的全局变量和函数都作为window对象的属性和方法创建的。 
js的执行顺序是根据函数的调用来决定的，当一个函数被调用时，该函数环境的变量对象就被压入一个环境栈中。而在函数执行之后，栈将该函数的变量对象弹出，把控制权交给之前的执行环境变量对象。

eg：

    var scope = "global"; 
      function fn1(){
         return scope; 
      }
      function fn2(){
         return scope;
      }
      fn1();
      fn2();

演示如下：

[[Scope]] 作用域 变量的作用域

变量的作用域就两种：全局变量和局部变量

    全局作用域：最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的：eg：

          var outerVar = "outer";
          function fn(){
              console.log(outerVar);
      }
          fn();//result:outer

    局部作用域：局部作用域一般只在固定的代码片段内可访问到，而对于函数外部是无法访问的

     function fn(){
         var innerVar = "inner";
      }
      fn();
      console.log(innerVar);// ReferenceError: innerVar is not defined

    注意：函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！

    function fn(){
            age = 18;
        }
        fn();
        console.log(age);// 18

再来看一个有趣的现象：

      var scope = "global";
      function fn(){
         console.log(scope);//result:undefined
         var scope = "local";
         console.log(scope);//result:local;
      }
      fn();

分析：第一个输出居然是undefined，原本以为它会访问外部的全局变量(scope=”global”)，但是并没有。这可以算是javascript的一个特点，只要函数内定义了一个局部变量，函数在解析的时候都会将这个变量“提前声明”，他就等价于下面的代码：

     var scope = "global";
      function fn(){
         var scope;//提前声明了局部变量
         console.log(scope);//result:undefined
         scope = "local";
         console.log(scope);//result:local;
      }
      fn();

[[Scopr Chain]] 作用域链

理解：根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，这就是作用域链

上面给出了环境变量。下面仔细分析下作用域链

当某个函数第一次被调用时，就会创建一个执行环境(execution context)以及相应的作用域链，并把作用域链赋值给一个特殊的内部属性([scope])。然后使用this，arguments(arguments在全局环境中不存在)和其他命名参数的值来初始化函数的活动对象(activation object)。当前执行环境的变量对象始终在作用域链的第0位。以上述执行环境分析的小例子为例进行图解：当第一次调用fn1时。

解析：可以看到fn1活动对象里并没有scope变量，于是沿着作用域链(scope chain)向后寻找，结果在全局变量对象里找到了scope，所以就返回全局变量对象里的scope值。

再分析下面的代码：

    function outer(){
         var scope = "outer";
         function inner(){
            return scope;
         }
         return inner;
      }
      var fn = outer();
      fn();

总结

说实话，这节真的是很难，现在还是似懂非懂，不知道在学前端的小伙伴你们觉得呢？如果你们觉得这节学会了，可以给我留言，我是真心不懂这节的内容，希望有会的小伙伴可以给我点帮助！谢谢！

超融合服务器 idc机房托管作用域链 javascript作用域链 js执行环境执行环境

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/52723.html

形象化模拟作用域链，深入理解js作用域、闭包

摘要：至此作用域链创建完毕。好了，通过深入理解作用域链，我们能跟好的理解的运行机制和闭包的原理。前言理解javascript中的作用域和作用域链对我们理解js这们语言。这次想深入的聊下关于js执行的内部机制，主要讨论下，作用域，作用域链，闭包的概念。为了更好的理解这些东西，我模拟了当一个函数执行时，js引擎做了哪些事情--那些我们看不见的动作。关键词：执行环境作用域作用域链变...

txgcwm 2019-08-21 17:48 评论0 收藏0
[学习笔记] JavaScript 作用域链

摘要：全局执行环境的变量对象始终是作用域链中的最后一个变量对象。综上，每个函数对应一个执行环境，每个执行环境对应一个变量对象，而多个变量对象构成了作用域链，如果当前执行环境是函数，那么其活动对象在作用域链的前端。 1.几个概念先说几个概念：函数、执行环境、变量对象、作用域链、活动对象。这几个东东之间有什么关系呢，往下看~ 函数函数大家都知道，我想说的是，js中，在函数内部有两个特殊...

?xiaoxiao, 2019-08-22 10:57 评论0 收藏0
js 执行环境活动对象变量对象作用域链的理解

摘要：因此我们可以说变量对象包含了活动对象，活动对象就是作用域链上正在被执行和引用的变量对象。看一下是知乎大神对于 js 执行环境活动对象变量对象作用域链的解释假设在全局环境下定义了函数pub（）和变量pubvar： var pubvar = 1; function pub () { var pravar = 2; return pubvar + pravar; } ale...

wenyiweb 2019-08-22 14:03 评论0 收藏0
JS 作用域链

摘要：首先，在创建函数时，作用域链内就会先填入对象，图片只例举了全部变量中的一部分。然后，解释器进入函数的执行环境，同样的，首先填入父级的作用域链，就是的，包括了对象活动对象。之后再把的活动对象填入到作用域链最顶部，这就是的作用域链了。之前学习JS函数部分时，提到了作用域这一节，但是因为使用材料书不同，今天在读博客的时候发现其实还有一个知识点即作用域链，所以来写一些个人理解和认识加深记忆。...

darry 2019-08-20 17:00 评论0 收藏0
关于js闭包

摘要：在作用域链中，外部函数的活动对象始终处于第二位，外部函数的外部函数的活动对象处于第三位，直到作用域链终点即全局执行环境。更为重要的是函数在执行完毕后，其他活动对象也不会被销毁，因为匿名函数的作用域链仍然在引用这个活动对象。原文链接----请点这里闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的常见方式，就是在一个函数内部创建另一个函数。之所以一个内部的函数可以...

livem 2019-08-21 11:44 评论0 收藏0
JS 执行环境、作用域链、活动对象

摘要：下面仔细分析下作用域链当某个函数第一次被调用时，就会创建一个执行环境以及相应的作用域链，并把作用域链赋值给一个特殊的内部属性。当前执行环境的变量对象始终在作用域链的第位。 JS执行环境执行环境（Execution context，EC）或执行上下文，是JS中一个极为重要的概念执行环境分为三种(全局执行环境，函数执行环境，evel()执行环境) js为每一个执行环境关联了一个变量对象...

NicolasHe 2019-08-29 16:11 评论0 收藏0