prototype 与 __proto__ 最常见的一些用法

文章原地址：https://blog.youkuaiyun.com/zeping891103/article/details/79215201

function Person() {}
// (1).Fun.prototype.*
Person.prototype.a = function() {
console.log("a");
}
// (2).Fun.prototype.__proto__.*
Person.prototype.__proto__.b = function() {
console.log("b");
}
// (3).Fun.prototype
Person.prototype = object;
// (4).Fun.prototype.__proto__
Person.prototype.__proto__ = object;
// (5).obj.__proto__
var person = new Person();
person.__proto__ = object;

这5种情况是 prototype 与 __proto__ 最常见的一些用法，有没有晕掉？不用怕，本篇文章教你如何把它们区分开，并了解它们之间的联系。

首先，要千万记住一点：__proto__是每个对象都有的一个属性，而prototype是函数才会有的属性!!! 上例中，function Person() { } 是函数，var person 则是对象，我们先来看函数。

几乎所有的函数（除了一些内建函数）都有一个名为prototype（原型）的属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以有特定类型的所有实例共享的属性和方法。prototype是通过调用构造函数而创建的那个对象实例的原型对象。有点绕口？我们用例子说明一下。

var p = {
c: function() {
console.log('c');
}
}
function Person() {}
Person.prototype.a = function() {
console.log("a");
}
Person.prototype.__proto__ = p;
Person.prototype.__proto__.b = function() {
console.log("b");
}
var person = new Person();
person.a(); // 自对象方法 a
person.b(); // 继承对象方法 b
person.c(); // 继承对象方法 c

例子中定义了一个带有c方法的p对象，定义了一个Person函数。重点，Person.prototype可以看做是一个自身构造，暂称为自对象；而Person.prototype.__proto__则是一个继承构造，暂称为继承对象。自对象和继承对象的属性和方法的并集组成了Person函数的属性和方法。简单公式就是：自对象（属性、方法）∪ 继承对象（属性、方法）=new 函数（属性、方法）。因此，上例中new Person( )新建出来的var person对象同时包含了自对象和继承对象的属性和方法，能成功执行a()、b()、c()。

（注）当自对象与继承对象间有相同属性或方法名称时，自对象优先级较高。

若此时有一个函数POP想要继承Person函数所有的属性和方法呢？这时请使用Object.getPrototypeOf( )。实现如下：