关于javascript:js原型和原型链

50次阅读

共计 871 个字符,预计需要花费 3 分钟才能阅读完成。

一、原型 prototype 和__proto__

 先记两句话:

 ➀ 每个对象都有一个__proto__属性,并且指向他的 prototype 原型对象。

  ➁ 每个构造函数都有一个 prototype 原型对象,prototype 原型对象的 constructor 等于构造函数自身。

var Person = function(name,age) {this.name = name; this.age = age;}
Person.prototype.run = function() {console.log('running');
} var me = new Person('小明',10); // ➀ 每个对象都有一个__proto__属性,并且指向他的 prototype 原型对象。console.log(me.__proto__===Person.prototype); // true // ➁ 每个构造函数都有一个 prototype 原型对象,prototype 原型对象的 constructor 等于构造函数自身
console.log(Person.prototype.constructor==Person); // true

一张图示阐明实例、原型对象、构造函数三者之间的关系。

这里有人会问__proto__和 prototype 是干吗用的?

 prototype 相当于所有实例对象能够拜访的一个公共容器,实例对象的 __proto__ 指向构造函数的 prototype,从而实现 继承

上图中 me 这个实例对象领有了 run 办法。

二、原型链

当试图拜访一个对象的属性时,它不仅仅在该对象上搜查,还会搜查该对象的原型,以及该对象的原型的原型,顺次层层向下搜寻,直到找到一个名字匹配的属性或达到原型链的开端。

在查找 me.toString()办法时顺次向上查找,终于通过 me.__proto__.__proto__.toString 找到了该办法。

原型链查找程序:me—> me.__proto__ —> me.__proto__.__proto__ —> null

这就是所谓原型链,层层向上找,没有就返回 undefined。

正文完
 0