原型、原型链

（什么是原型、原型链？有什么作用）

• JavaScirpt深入之从原型到原型链
• 图解 Javascript 原型链

---

一、什么是原型、原型链？

• 每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性。
• 原型对象也是普通的对象，是对象一个自带隐式的__proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为null的话，我们就称之为原型链。
• 原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链

---

二、__proto__与prototype、constructor

// 构造函数创建对象
function Person() {
}
var person = new Person();

// prototype
// 虽然写在注释里，但是你要注意：prototype是函数才会有的属性
Person.prototype.name = 'Kevin';
var person1 = new Person();
var person2 = new Person();
console.log(person1.name) // Kevin
console.log(person2.name) // Kevin

//__proto__
//每一个JS对象(除了 null )都具有的一个属性，叫__proto__，这个属性会指向该对象的原型
console.log(person.__proto__ === Person.prototype) // true

// constructor
// 每个原型都有一个 constructor 属性指向关联的构造函数
console.log(Person === Person.prototype.constructor) // true
console.log(person.constructor === Person.prototype.constructor)//true

// getPrototypeOf (ES5)
console.log(Object.getPrototypeOf(person) === Person.prototype) // true

---

三、实例与原型

• 当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层为止。
• 查找属性的时候查到 Object.prototype 就可以停止查找了, 因为Object.prototype.__proto__的值为 null ,即 Object.prototype 没有原型

function Person() {

}

Person.prototype.name = 'Kevin';

var person = new Person();

person.name = 'Daisy';
console.log(person.name) // Daisy

delete person.name;
console.log(person.name) // Kevin

console.log(Object.prototype.__proto__ === null) // true

---

四、图解原型链

原型链.png

---

五、原型、原型链的作用

• 原型：每一个构造函数在诞生的时候，都会自带一个prototype属性，这个属性里面存储了一个对象的地址，让实例可以无条件的访问这个对象里的内容。

• 原型的主要作用是让实例可以共享某些数据

• 原型链的作用是实现继承，比如我们新建一个数组，数组的方法就是从数组的原型上继承下来的