科技獵基于這篇文章的一些名稱約定：
/*
* 約定
*/
function Fun(){
// 私有屬性
var val = 1; // 私有基本屬性
var arr = [1]; // 私有引用屬性
function fun(){} // 私有函數(shù)（引用屬性）
// 實(shí)例屬性
this.val = 1; // 實(shí)例基本屬性
this.arr = [1]; // 實(shí)例引用屬性
this.fun = function(){}; // 實(shí)例函數(shù)（引用屬性）
}
// 原型屬性
Fun.prototype.val = 1; // 原型基本屬性
Fun.prototype.arr = [1]; // 原型引用屬性
Fun.prototype.fun = function(){}; // 原型函數(shù)（引用屬性）
上面的約定應(yīng)該是比較合理的，如果難以理解，可以查看 黯羽輕揚(yáng)：JS學(xué)習(xí)筆記2_面向?qū)ο?/a> ，了解更多的基本常識(shí)
一.簡(jiǎn)單原型鏈
這是實(shí)現(xiàn)繼承最簡(jiǎn)單的方式了，真的超簡(jiǎn)單，核心就一句話（在代碼中用注釋標(biāo)明了）
1.具體實(shí)現(xiàn)
function Super(){
this.val = 1;
this.arr = [1];
}
function Sub(){
// ...
}
Sub.prototype = new Super(); // 核心
var sub1 = new Sub();
var sub2 = new Sub();
sub1.val = 2;
sub1.arr.push(2);
alert(sub1.val); // 2
alert(sub2.val); // 1
alert(sub1.arr); // 1, 2
alert(sub2.arr); // 1, 2
2.核心
拿父類實(shí)例來(lái)充當(dāng)子類原型對(duì)象
3.優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
- 簡(jiǎn)單，易于實(shí)現(xiàn)
缺點(diǎn)：
-
修改sub1.arr后sub2.arr也變了，因?yàn)閬?lái)自原型對(duì)象的引用屬性是所有實(shí)例共享的。
可以這樣理解：執(zhí)行sub1.arr.push(2);先對(duì)sub1進(jìn)行屬性查找，找遍了實(shí)例屬性（在本例中沒(méi)有實(shí)例屬性），沒(méi)找到，就開始順著原型鏈向上找，拿到了sub1的原型對(duì)象，一搜身，發(fā)現(xiàn)有arr屬性。于是給arr末尾插入了2，所以sub2.arr也變了
- 創(chuàng)建子類實(shí)例時(shí)，無(wú)法向父類構(gòu)造函數(shù)傳參
二.借用構(gòu)造函數(shù)
簡(jiǎn)單原型鏈真夠簡(jiǎn)單，可是存在2個(gè)致命缺點(diǎn)簡(jiǎn)直不能用，于是上個(gè)世紀(jì)末的jsers就想辦法fix這2個(gè)缺陷，然后出現(xiàn)了借用構(gòu)造函數(shù)方式
1.具體實(shí)現(xiàn)
function Super(val){
this.val = val;
this.arr = [1];
this.fun = function(){
// ...
}
}
function Sub(val){
Super.call(this, val); // 核心
// ...
}
var sub1 = new Sub(1);
var sub2 = new Sub(2);
sub1.arr.push(2);
alert(sub1.val); // 1
alert(sub2.val); // 2
alert(sub1.arr); // 1, 2
alert(sub2.arr); // 1
alert(sub1.fun === sub2.fun); // false
2.核心
借父類的構(gòu)造函數(shù)來(lái)增強(qiáng)子類實(shí)例 ，等于是把父類的實(shí)例屬性復(fù)制了一份給子類實(shí)例裝上了（完全沒(méi)有用到原型）
3.優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
- 解決了子類實(shí)例共享父類引用屬性的問(wèn)題
- 創(chuàng)建子類實(shí)例時(shí)，可以向父類構(gòu)造函數(shù)傳參
P.S.前輩就這么高效，兩個(gè)缺陷瞬間修復(fù)
缺點(diǎn)：
- 無(wú)法實(shí)現(xiàn)函數(shù)復(fù)用，每個(gè)子類實(shí)例都持有一個(gè)新的fun函數(shù)，太多了就會(huì)影響性能，內(nèi)存爆炸。。
P.S.好吧，剛修復(fù)了共享引用屬性的問(wèn)題，又出現(xiàn)了這個(gè)新問(wèn)題。。
三.組合繼承（最常用）
目前我們的借用構(gòu)造函數(shù)方式還是有問(wèn)題（無(wú)法實(shí)現(xiàn)函數(shù)復(fù)用），沒(méi)關(guān)系，接著修復(fù)，jsers吭哧吭哧又搞出了組合繼承
1.具體實(shí)現(xiàn)
function Super(){
// 只在此處聲明基本屬性和引用屬性
this.val = 1;
this.arr = [1];
}
// 在此處聲明函數(shù)
Super.prototype.fun1 = function(){};
Super.prototype.fun2 = function(){};
//Super.prototype.fun3...
function Sub(){
Super.call(this); // 核心
// ...
}
Sub.prototype = new Super(); // 核心
var sub1 = new Sub(1);
var sub2 = new Sub(2);
alert(sub1.fun === sub2.fun); // true
2.核心
把實(shí)例函數(shù)都放在原型對(duì)象上，以實(shí)現(xiàn)函數(shù)復(fù)用。同時(shí)還要保留借用構(gòu)造函數(shù)方式的優(yōu)點(diǎn) ，通過(guò)Super.call(this);繼承父類的基本屬性和引用屬性并保留能傳參的優(yōu)點(diǎn)；通過(guò)Sub.prototype = new Super();繼承父類函數(shù)，實(shí)現(xiàn)函數(shù)復(fù)用
3.優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
- 不存在引用屬性共享問(wèn)題
- 可傳參
- 函數(shù)可復(fù)用
缺點(diǎn):
- （一點(diǎn)小瑕疵）子類原型上有一份多余的父類實(shí)例屬性，因?yàn)楦割悩?gòu)造函數(shù)被調(diào)用了兩次，生成了兩份，而子類實(shí)例上的那一份屏蔽了子類原型上的。。。又是內(nèi)存浪費(fèi)，比剛才情況好點(diǎn)，不過(guò)確實(shí)是瑕疵
P.S.如果無(wú)法理解這個(gè)”多余“，可以查看 黯羽輕揚(yáng)：JS學(xué)習(xí)筆記2_面向?qū)ο?/a> ，文章末尾有更詳細(xì)的解釋
四.寄生組合繼承（最佳方式）
從名字就能看出又是對(duì)組合繼承的優(yōu)化，不是說(shuō)組合繼承有瑕疵嗎，沒(méi)關(guān)系，我們接著追求完美
1.具體實(shí)現(xiàn)
function beget(obj){ // 生孩子函數(shù) beget：龍beget龍，鳳beget鳳。
var F = function(){};
F.prototype = obj;
return new F();
}
function Super(){
// 只在此處聲明基本屬性和引用屬性
this.val = 1;
this.arr = [1];
}
// 在此處聲明函數(shù)
Super.prototype.fun1 = function(){};
Super.prototype.fun2 = function(){};
//Super.prototype.fun3...
function Sub(){
Super.call(this); // 核心
// ...
}
var proto = beget(Super.prototype); // 核心
proto.constructor = Sub; // 核心
Sub.prototype = proto; // 核心
var sub = new Sub();
alert(sub.val);
alert(sub.arr);
P.S.等等，生孩子函數(shù)是啥東西，怎么沒(méi)聽過(guò)？還有標(biāo)明了核心的3句話，怎么沒(méi)看明白？別著急，我們喝杯茶接著看
2.核心
用beget(Super.prototype); 切掉了原型對(duì)象上多余的那份父類實(shí)例屬性
P.S.啥？沒(méi)看明白？哦哦~，忘記說(shuō)原型式和寄生式繼承了，就說(shuō)怎么總覺得忘了鎖門。。這記性
P.S.寄生組合式繼承，這名字不是很貼切，和寄生式繼承關(guān)系并不是特別大
3.優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：完美了
缺點(diǎn)：理論上沒(méi)有了（如果用起來(lái)麻煩不算缺點(diǎn)的話。。）
P.S.用起來(lái)麻煩是一方面，另一方面是因?yàn)榧纳M合式繼承出現(xiàn)的比較晚，是21世紀(jì)初的東西，大家等不起這么久，所以組合繼承是最常用的，而這個(gè)理論上完美的方案卻只是課本上的最佳方式了
五.原型式
其實(shí)介紹完上面的完美方案就可以結(jié)束了，但從組合繼承到完美方案好像有一段不小的思維跳躍，有必要把故事說(shuō)清楚
1.具體實(shí)現(xiàn)
function beget(obj){ // 生孩子函數(shù) beget：龍beget龍，鳳beget鳳。
var F = function(){};
F.prototype = obj;
return new F();
}
function Super(){
this.val = 1;
this.arr = [1];
}
// 拿到父類對(duì)象
var sup = new Super();
// 生孩子
var sub = beget(sup); // 核心
// 增強(qiáng)
sub.attr1 = 1;
sub.attr2 = 2;
//sub.attr3...
alert(sub.val); // 1
alert(sub.arr); // 1
alert(sub.attr1); // 1
P.S.誒~看到了沒(méi)，生孩子函數(shù)beget出現(xiàn)了
2.核心
用生孩子函數(shù)得到 得到一個(gè)“純潔”的新對(duì)象（“純潔”是因?yàn)闆](méi)有實(shí)例屬性），再逐步增強(qiáng)之（填充實(shí)例屬性）
P.S.ES5提供了Object.create()函數(shù)，內(nèi)部就是原型式繼承，IE9+支持
3.優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
- 從已有對(duì)象衍生新對(duì)象，不需要?jiǎng)?chuàng)建自定義類型（更像是對(duì)象復(fù)制，而不是繼承。。）
缺點(diǎn)：
- 原型引用屬性會(huì)被所有實(shí)例共享，因?yàn)槭怯谜麄€(gè)父類對(duì)象來(lái)充當(dāng)了子類原型對(duì)象，所以這個(gè)缺陷無(wú)可避免
- 無(wú)法實(shí)現(xiàn)代碼復(fù)用（新對(duì)象是現(xiàn)取的，屬性是現(xiàn)添的，都沒(méi)用函數(shù)封裝，怎么復(fù)用）
P.S.這東西和繼承有很大關(guān)系嗎？為什么尼古拉斯把它也列為實(shí)現(xiàn)繼承的一種方式？關(guān)系不大，但有一定關(guān)系
六.寄生式
這名字太扯了，而且 寄生式是一種模式（套路） ，并不是只能用來(lái)實(shí)現(xiàn)繼承
1.具體實(shí)現(xiàn)
function beget(obj){ // 生孩子函數(shù) beget：龍beget龍，鳳beget鳳。
var F = function(){};
F.prototype = obj;
return new F();
}
function Super(){
this.val = 1;
this.arr = [1];
}
function getSubObject(obj){
// 創(chuàng)建新對(duì)象
var clone = beget(obj); // 核心
// 增強(qiáng)
clone.attr1 = 1;
clone.attr2 = 2;
//clone.attr3...
return clone;
}
var sub = getSubObject(new Super());
alert(sub.val); // 1
alert(sub.arr); // 1
alert(sub.attr1); // 1
2.核心
給原型式繼承穿了個(gè)馬甲而已 ，看起來(lái)更像繼承了（上面介紹的原型式繼承更像是對(duì)象復(fù)制）
注意 ：beget函數(shù)并不是必須的，換言之，創(chuàng)建新對(duì)象 -> 增強(qiáng) -> 返回該對(duì)象，這樣的過(guò)程叫寄生式繼承，新對(duì)象是如何創(chuàng)建的并不重要（用beget生的，new出來(lái)的，字面量現(xiàn)做的。。都可以）
3.優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
- 還是不需要?jiǎng)?chuàng)建自定義類型
缺點(diǎn)：
- 無(wú)法實(shí)現(xiàn)函數(shù)復(fù)用（沒(méi)用到原型，當(dāng)然不行）
P.S.劇情解析：有缺陷的寄生式繼承 + 不完美的組合繼承 = 完美的寄生組合式繼承，不妨 回去找找 看哪里用到了寄生
七.6種繼承方式的聯(lián)系
P.S.虛線表示輔助作用，實(shí)線表示決定性作用