作用域链和原型链

一.原型链与作用域链
区别:

  1. 作用域是对于变量而言,原型链是对于对象的属性。
  2. 作用域链顶层是window,原型链顶层是Object。

联系:从链表开头寻找,直到找到为止。

二、作用域链

  1. 作用域
    作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。作用域分为全局作用域和局部作用域
    全局作用域:任何地方都能访问到的对象拥有全局作用域。
    局部作用域:局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所以在一些地方会把这种作用域成为函数作用域。
  2. 作用域链
    作用域链,即当声明一个函数时,局部作用域一级一级向上包起来,就是作用域链。
    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消失。

三、原型链

  1. 什么是原型
    每个构造函数都有一个prototype属性,这个属性指向一个对象,即原型对象。
    原型对象默认拥有一个constructor属性,指向指向它的那个构造函数(也就是说构造函数和原型对象是互相指向的关系)。
  2. 什么是原型链
    由于__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