原型，原型鏈與原型繼承

用自己的方式理解原型，原型鏈和原型繼承

javascript——原型與原型鏈

JavaScript中的原型與原型鏈

JS重點(diǎn)整理之JS原型鏈徹底搞清楚

基本概念和原型鏈

1. Prototype(原型對(duì)象)

每個(gè)函數(shù)都有， 指向其原型對(duì)象

2. _proto_

這是除了null都有的屬性， 指向其原型

3. constructor

每個(gè)原型都有， 指向構(gòu)造函數(shù)（函數(shù)）

原型鏈

實(shí)例和原型

function Person() {}

Person.prototype.name = 'Kevin';

var person = new Person();

person.name = 'Daisy';
console.log(person.name) // Daisy  實(shí)例覆蓋原型

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

在這個(gè)例子中，我們給實(shí)例對(duì)象 person 添加了 name 屬性，當(dāng)我們打印 person.name 的時(shí)候，結(jié)果自然為 Daisy。但是當(dāng)我們刪除了 person 的 name 屬性時(shí)，讀取 person.name，從 person 對(duì)象中找不到 name 屬性就會(huì)從 person 的原型也就是 person._proto_ ，也就是 Person.prototype中查找，幸運(yùn)的是我們找到了 name 屬性，結(jié)果為 Kevin。

如果原型上依然沒(méi)找到,就會(huì)繼續(xù)到原型的原型上去找直到null為止

原型繼承

如果讓原型對(duì)象等于另一個(gè)類型的實(shí)例，此時(shí)的原型對(duì)象將包含一個(gè)指向另一個(gè)原型的指針(proto)，另一個(gè)原型也包含著一個(gè)指向另一個(gè)構(gòu)造函數(shù)的指針(constructor)。

function Animal(){  
    this.type = "animal";  
}  
Animal.prototype.getType = function(){  
    return this.type;  
}  
  
function Dog(){  
    this.name = "dog";  
}  
Dog.prototype = new Animal();  //此步驟為繼承 父 中的屬性
  
Dog.prototype.getName = function(){  
    return this.name;  
}  s
  
var xiaohuang = new Dog();

//原型鏈關(guān)系  
xiaohuang.__proto__ === Dog.prototype  
Dog.prototype.__proto__ === Animal.prototype  
Animal.prototype.__proto__ === Object.prototype  
Object.prototype.__proto__ === null