1.__proto__和prototype

JS中的原型鏈已經是一個老生常談的問題，畢竟也是JS 這門語言的特色之一了。

首先“萬物皆物件“，雖然這句話一直有爭議，但是有它的道理的，null型別這些的爭論這裡就不說了。
物件中有個屬性__proto__，被稱為隱式原型，這個隱式原型指向構造改物件的建構函式的原型，這也保證了例項能夠訪問在建構函式原型中定義的屬性和方法。這個例項可能是如圖中的new Foo()出來的例項。

構造該物件的f1,f2建構函式是fuction Foo(),它的原型是Foo.prototype，那麼f1,f2就指向了構造該物件的建構函式的原型，也就是Foo.prototype，那麼建構函式Foo()它的proto指向哪裡了，還是找它的建構函式，它的建構函式是Function()，那麼它的proto就指向了Fuction.prototype，沿著proto這條路最上就是Object.prototype，Object的proto就是null了。

剛剛說的物件有個proto屬性，方法也是物件，方法中除了有proto之外(這個proto指向構造該函式/物件的構造原型，也就是上一層了),還有prototype，這個屬性就是原型屬性，他是一個指標，指向一個物件，這個物件就叫原型物件，這裡放著包含所有例項共享的屬性和方法，這個原型物件裡面有一個屬性constructor，這個屬性也包含一個指標，指回了原建構函式。

1.建構函式Foo()建構函式的原型屬性Foo.prototype指向了原型物件，在原型物件裡有共有的方法，所有建構函式宣告的例項（這裡是f1，f2）都可以共享這個方法。

2.原型物件Foo.prototypeFoo.prototype儲存著例項共享的方法，有一個指標constructor指回建構函式。

3.例項f1和f2是Foo這個物件的兩個例項，這兩個物件也有屬性__proto__，指向建構函式的原型物件，這樣子就可以像上面1所說的訪問原型物件的所有方法。

4.建構函式Foo()除了是方法，也是物件，它也有__proto__屬性，指向誰呢？指向它的建構函式的原型物件。函式的建構函式不就是Function嘛，因此這裡的__proto__指向了Function.prototype。其實除了Foo()，Function(), Object()也是一樣的道理。原型物件也是物件，它的__proto__屬性，又指向誰呢？同理，指向它的建構函式的原型物件。這裡是Object.prototype.最後，Object.prototype的__proto__屬性指向null。

5.物件有屬性__proto__,指向該物件的建構函式的原型物件。
方法除了有屬性__proto__,還有屬性prototype，prototype指向該方法的原型物件。

6.再看圖。

2.繼承

1.父類的例項作為子類的原型

function Animal(name) {
  // 屬性
  this.name =  name || "Animal";
  // 例項方法
  this.sleep = function() {
    console.log(this.name + '正在睡覺！');
  }
}

// 原型方法
Animal.prototype.eat = function(food) {
  console.log(this.name + '正在吃' + food);
};


function Cat() { 
}
Cat.prototype = new Animal();
Cat.prototype.name = 'cat';

var cat = new Cat();
console.log(cat.name);
console.log(cat.eat('fish'));
console.log(cat.sleep());
console.log(cat instanceof Animal); //true 
console.log(cat instanceof Cat); //true

**cat.__proto__ === Cat.prototype //true**

構造cat物件的建構函式是Cat(),它的原型是Cat.prototype，那麼隱式原型__proto__就指向構造該物件的建構函式的原型物件，那麼cat的__proto__就指向的是Cat.prototype。

**Cat.prototype.__proto__ === Animal.prototype //true**
原型物件也是物件，是物件就有__proto__，Animal的例項返回給了這個原型物件，那麼這個原型物件的隱式原型__proto__就指向的是構造該物件的建構函式的原型，我們看看這個原型物件的建構函式是誰

那麼Animal()建構函式的原型物件就是Animal.prototype了。自然就有上面true的結果了。

這種方法的繼承的缺點：

1. 父類的引用屬性和原型物件的引用屬性是所有例項共享的
2. 建立子類例項時，無法向父類建構函式傳參
3. 不能多繼承
   第一個致命缺點，因為我們每個例項各自的屬性互不干擾才對：
   

注意原型上的方法/屬性是共享的

2.構造繼承

沒有用到原型,使用父類的建構函式來增強子類例項，等於直接是複製父類的例項屬性給子類。

經典繼承也叫做 “借用建構函式” 或 “偽造物件” 。其基本思想是：在子型別建構函式的內部呼叫超型別建構函式。函式只不過是在特定環境中執行程式碼的物件，因此可以通過使用apply（） 和call（） 方法也可以在新建立的物件上執行建構函式。（JS高程）

function Cat(name){
  Animal.call(this);
  this.name = name || 'Tom';
}

// Test Code
var cat = new Cat();
console.log(cat.name);
console.log(cat.sleep());
console.log(cat instanceof Animal); // false
console.log(cat instanceof Cat); // true

特點：

解決了1中，子類例項共享父類引用屬性的問題
建立子類例項時，可以向父類傳遞引數（通過call的後面引數）
可以實現多繼承（call多個父類物件）

缺點：

例項並不是父類的例項，只是子類的例項
只能繼承父類的例項屬性和方法，不能繼承原型屬性/方法
無法實現函式複用，每個子類都有父類例項函式的副本，影響效能

3.組合繼承

通過呼叫父類構造，繼承父類的屬性並保留傳參的優點，然後通過將父類例項作為子類原型，實現函式複用

function Cat(name){
  Animal.call(this);
  this.name = name || 'Tom';
}
Cat.prototype = new Animal();

//組合繼承也是需要修復建構函式指向的。

Cat.prototype.constructor = Cat;

// Test Code
var cat = new Cat();
console.log(cat.name);
console.log(cat.sleep());
console.log(cat instanceof Animal); // true
console.log(cat instanceof Cat); // true

這種方式看似是原型繼承和構造繼承的組合，彌補了構造繼承只能繼承例項屬性/方法，不能繼承原型屬性/方法的缺點，也彌補了原型繼承引用屬性共享的問題，可向父類傳參，函式可複用，即是子類的例項，也是父類的例項。

缺點就是呼叫了兩次父類建構函式，生成了兩份例項（子類例項將子類原型上的那份遮蔽了）