js中的执行环境和作用域链

时间:2022-04-16 15:40:06

首先介绍一些即将用到的概念:

执行环境:
 它定义了变量和函数有权访问其他数据的范围,每一个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个变量对象中。
 
所有javascript代码都是在一个特定的执行环境中被执行的,当调用一个javascript函数时,就会创建相应的执行环境,如果又调用另外一个函数,则又会创建一个新的执行环境,当调用函数返回后,执行过程会返回原始的执行环境,所以javascript的执行环境明显是按照栈的形式存储,即这一系类的执行环境构成了一个执行环境栈。在函数执行完成之后,栈将其环境弹出,把控制权返回给之前的执行环境。函数一旦执行完成,则该环境被撤销,其中的变量对象也随之消亡。
关系如下:
js中的执行环境和作用域链
 
在一个函数的执行环境中,会创建一个活动“对象”,接下来创建一个类数组的arguments对象,它以整数索引的数组成员一一对应地保存着调用函数时所传递的参数,同时具备length,callee等属性,然后活动对象创建一个名为arguments的属性,该属性引用前面创建的arguments对象。接着为执行环境分配作用域,指定给一个函数调用执行环境的作用域,由该函数的scope属性所引用的对象列表链组成,同时,活动对象被添加到该对象列表的顶部,即链的前端。最后来说this,如果赋的值是一个对象的引用,则this指向该对象,如果赋null,则this指向全局对象。活动对象包含了arguments,this,及其可变对象属性。

作用域链:

当一个function被javascript引擎调用执行时,会创建一个变量对象的作用域Scope,并且被加到Scope链中。然后,将一个名为Call Object的调用对象加到当前的Scope的最前面。这个调用对象在初始化时会加入一个名为arguments的属性,用来引用function调用时的参数。如果这个function显示的调用了参数,那么这些参数也会被加入到这个对象中。

调用对象时function在运行时的Scope,其中包含了function在运行时的全部参数和局部变量。所以,当我们在函数内部调用一些参数或者变量时,实质上是访问的调用对象的属性

总结一下他们的关系:当函数作为构造函数调用时,比如:

function Person(){}

Person.prototype.sayName=function(name){alert(name)}

var person1=new Person();

person1.sayName("wenber");

在创建函数Person时:该函数Person就有一个prototype属性,即Person.prototype,它指向Person的原型对象Prototype。(这里有点绕,可以这么理解,Person的一个属性叫做prototype,这个属性又指向一个对象叫做Prototype,与此同时,这个叫做Prototype的对象它也有个属性叫做constructor,它指向了Person本身;

当实例化对象Person,也就是执行了构造函数Person,该实例person1又具有一个叫做_proto_的属性,它指向Person的原型对象Prototype(记住不是Person本身)。
如图:

js中的执行环境和作用域链