人生如梦,一樽还酹江月。

原型与原型链的理解

一、prototype和__proto__的概念

  prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。

  __proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。

二、new 的过程

var Person = function(){};
var p = new Person();

 new的过程拆分成以下三步:
   (1) var p={}; 也就是说,初始化一个对象p
   (2) p.__proto__ = Person.prototype;
   (3) Person.call(p); 也就是说构造p,也可以称之为初始化p

关键在于第二步,我们来证明一下:

var Person = function(){};
var p = new Person();
alert(p.__proto__ === Person.prototype); //true

三、示例

    var Person = function(){};
    Person.prototype.sayName = function() {
        alert("My Name is Jacky");
    };

    Person.prototype.age = 27;
    var p = new Person();
    p.sayName();

  

p是一个引用指向Person的对象。我们在Person的原型上定义了一个sayName方法和age属性,当我们执行p.age时,会先在this的内部查找(也就是构造函数内部),如果没有找到然后再沿着原型链向上追溯。

这里的向上追溯是怎么向上的呢?这里就要使用__proto__属性来链接到原型(也就是Person.prototype)进行查找。最终在原型上找到了age属性。

直接上图

图一:构造函数

 

 图二 _proto_与prototype。(var person=new Person())

 

 图三完整的原型链 。person → Person → Object ,普通人继承人类,人类继承对象类

 

  参考网站:https://www.cnblogs.com/shj-com/p/11165918.html

posted @ 2019-11-26 17:33  Mrbabibo  阅读(289)  评论(0编辑  收藏  举报