js 原型链的介绍

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

对象的原型链：一个对象所拥有的属性不仅仅是它本身拥有的属性，他还会从其他对象中继承一些属性。当js在一个对象中找不到需要的属性时，它会到这个对象的父对象上去找，以此类催，这就构成了对象的原型链。

下面分别介绍__proto__和prototype两个属性

__proto__：所有的对象均具有的属性，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，也保证了实例能够访问在构造函数原型中定义的属性和方法。

prototype:方法这个特殊的对象，除了有上述的__proto__属性之外，还有自己特殊的属性--原型属性（prototype）。这个属性是一个指针，指向一个对象。这个对象的用途就是包含所有实例共享的属性和方法（我们把这个对象叫做原型对象）。原型对象也有一个属性，叫做constructor，这个属性包含了一个指针，指回原构造函数。

请看下面的图，来形象的理解一下：

例子：

function Foo(_name) {
this.name = _name;
}
Foo.prototype.show = function() {
console.log('I am ', this.name);
};
var f1 = new Foo('obj1');
var f2 = new Foo('obj2');f1.show(); // I am obj1
f2.show(); // I am obj2

定义的show方法是在Foo.prototype上，当我们执行f1.show()，首先会在f1上去寻找show的方法，没有该方法，就会从f1的原型(__proto__)上去找，找到了就可以调用。