原型和原型链

原型和原型链

原型：是一个对象，其他对象可以通过它实现属性继承。

1. 所有引用类型都有一个__proto__（隐式原型）属性，属性值是一个普通的对象
2. 所有函数都有一个prototype（显式原型）属性，属性值是一个普通的对象
3. 所有引用类型的__proto__属性都指向它的构造函数的prototype

原型链：当访问对象的某个属性时，先查找对象本身是否存在该属性，如果没有找到就去它的隐式原型__proto__（即构造函数的prototype）上查找，如果没有找到再去构造函数的prototype的__proto__上查找，但不会查找自身的prototype。这样一层一层向上查找形成的链式结构就是原型链，终点是null。

prototype和_proto_以及constructor

每创建一个函数，就会同时创建它的prototype对象，这个对象默认情况下自动获得constructor属性。当调用构造函数创建实例后，该实例内部包含一个指向构造函数的原型对象的指针（__proto__）。

若将构造函数的原型设置为等于另一个新对象，constructor属性不再指向原构造函数。

constructor：constructor是每个原型的属性，包括一个指向prototype属性所在函数的指针。

prototype：prototype是函数的属性。

• 一个函数的prototype属性指向该函数的原型对象。

_proto_：_proto_是每个对象都有的属性。

• 但只有部分浏览器实现了该属性，对应的标准属性应该是[[Prototype]]（ES5），大多数情况下，可以理解为构造器的原型。ES6已将其标准化，当使用 obj.__proto__ 时，可以理解成返回了 Object.getPrototypeOf(obj)。
• 这个连接存在于实例与构造函数的原型对象之间。

---

了解了以上概念，来一步一步理解原型与原型链吧。先放一张引用别人做的图（实名表扬这张图做的真好），根据此图分析例题。

function Person(name) {
    this.name = name;
}

var p = new Person('CD');

面试中该如何回答基于这道题说说原型与原型链呢？（看到过的一个面经博客，侵删）

手动创建了一个构造函数Person，并通过该构造函数new了一个实例p。构造函数也是函数，而函数是由Function构造得到的。并且Function也是构造函数，由其自身构建。而又由于万物皆对象，Function的本质是一个引用类型的数据，即对象Object。

每个对象都有属性：constructor和__proto__。当获取 person.constructor 时，其实 person 中并没有 constructor 属性,当不能读取到constructor 属性时，会从 person 的原型也就是 Person.prototype 中读取，正好原型中有该属性。

第一步：

• 对象p：constructor属性指向构造函数Person，__proto__属性指向构造函数Person的原型（Person.prototype）。

第二步：

• 构造函数Person：constructor属性指向构造函数Person，__proto__属性指向Function的原型（Function.prototype）。
• 构造函数Person的原型对象（Person.prototype）：constructor属性指向自身Person，__proto__属性指向Object的原型（Object.prototype）。

第三步：

• Function：constructor属性指向自身Function，__proto__属性指向Function.prototype。
• Function的原型对象（Function.prototype）：constructor属性指向自身Function，__proto__属性指向Object的原型（Object.prototype）。

第四步：

• Object：constructor属性指向自身Object，__proto__属性指向Function.prototype。
• Object的原型对象（Object.prototype）：constructor属性指向自身Object，__proto__属性指向null。

构造函数、实例与原型对象之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。梳理以上逻辑可制图如下：

---

__proto__的指向:由创建对象时的方式决定

1. 字面量方式：指向对象Object的原型

   var obj = {};
   console.log(obj.__proto__); //Object {}
   console.log(obj.__proto__ === obj.constructor.prototype); //true

2. 构造器方式：指向构造函数的原型

   var O = function(){};
   var obj = new A();
   console.log(obj.__proto__); //O {}
   console.log(obj.__proto__ === obj.constructor.prototype); //true

3. Object.create()：指向被构造对象的原型

   var obj1 = {n:0};
   var obj2 = Object.create(obj1);
   console.log(obj2.__proto__); //Object {n:0}
   console.log(obj2.__proto__ === obj2.constructor.prototype); //false

---

相关的几个方法 

1. isPrototypeOf()：判断实例与原型对象之间的关系
2. Object.getPrototypeOf() ：返回实例的原型对象
3. hasOwnProperty()：检测一个属性存在于实例还是原型