作用域链和原型链
一.原型链与作用域链
区别:
- 作用域是对于变量而言,原型链是对于对象的属性。
- 作用域链顶层是window,原型链顶层是Object。
联系:从链表开头寻找,直到找到为止。
二、作用域链
- 作用域
作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。作用域分为全局作用域和局部作用域
全局作用域:任何地方都能访问到的对象拥有全局作用域。
局部作用域:局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所以在一些地方会把这种作用域成为函数作用域。 - 作用域链
作用域链,即当声明一个函数时,局部作用域一级一级向上包起来,就是作用域链。
var a = 10;
function fun(){
console.log(a);
var a = 1;
var b = 20;
b++;
function fun1(){
console.log(b);
b += 6;
function fun2(){
console.log(b);
console.log(a);
}
}
console.log(a);
}
1、首先,开始执行前,创建执行环境(数组):ECS
向执行环境栈中压入第一个默认的函数main(),创建全局作用域对象Window,全局做预编译GO,函数的隐藏属性scope记录执行期上下包括自己的所属作用域的对象。如上图
2、执行开始,在执行环境中压入新的函数,创建一个活动的AO,保存函数中的局部变量,当自己的AO中没有该变量,可以通AO中的parent(scope)中去寻找。
3、执行结束,执行环境中的的本次函数出栈,同时创建的活动对象AO消失。
三、原型链
- 什么是原型
每个构造函数都有一个prototype属性,这个属性指向一个对象,即原型对象。
原型对象默认拥有一个constructor属性,指向指向它的那个构造函数(也就是说构造函数和原型对象是互相指向的关系)。 - 什么是原型链
由于__proto__任何对象都具有的属性,js中一切都是对象,所以一条由__proto__形成的链条,顶端为null,即原型链。
function Student(sname, sage){
this.sname = sname;
this.sage = sage;
}
Student.prototype.intr = function(){
console.log(I'm ${this.sname},I'm ${this.sage}
);
}
var lilie = new Student(“Li Lei”, 12);
var hmm = new Student(“Han Meimei”, 12);
其原型链图如下
Student.proto ==>Function.prototype
Function.prototype.constructor ==> function Function(){}
Function.prototype.proto ==>Object.prototype
Function.prototype.proto ==>Object.prototype