這篇文章翻譯自John Resig（jQuery的作者）的博客，原文地址能庆。
為了正在寫的這本書（譯者注：這本書是《忍者秘籍》）砖瞧，我最近做了許多關于JavaScript繼承的工作偎血，并在此基礎上研究了幾種不同的JavaScript經典繼承模擬技術霸株。在我所有看過的研究中雕沉，我最推崇的是base2和Prototype這兩個庫的實現(xiàn)集乔。
我想要提取這些技術的精華去件，以一個簡單的、可復用的方式進行展示扰路，以便使這些特性更容易不依賴其他的內容而被理解尤溜。此外我想要使其可以被簡單的、高效的被使用汗唱。這里展示了一個可以使用完成后的結果來實現(xiàn)的實例宫莱。（譯者注：既完成后的代碼可以用于實現(xiàn)下面這個功能）
var Person = Class.extend({
init: function(isDancing){
this.dancing = isDancing;
},
dance: function(){
return this.dancing;
}
});
var Ninja = Person.extend({y
init: function(){
this._super( false );
},
dance: function(){
// Call the inherited version of dance()
return this._super();
},
swingSword: function(){
return true;
}
});
var p = new Person(true);
p.dance(); // => true
var n = new Ninja();
n.dance(); // => false
n.swingSword(); // => true
// Should all be true
p instanceof Person && p instanceof Class &&
n instanceof Ninja && n instanceof Person && n instanceof Class
關于本例，有幾點重要的注意事項哩罪。
讓構造器的創(chuàng)建更加簡單(在這個例子中僅僅使用init方法來創(chuàng)建)
為了創(chuàng)建一個新的‘class’授霸，你必須要繼承一個已經存在的類(sub-class).
所有的“類”都繼承于一個祖先：Class巡验。因此，如果要創(chuàng)建一個新類碘耳，它必須是Class的子類显设。
該語法最大的挑戰(zhàn)是訪問被覆蓋的方法，而且有時這些方法的上下文也有可能被修改了辛辨。通過
this._super()調用Person超類的原始init()和dance()方法
本例的代碼使我很愉快：它使得“類”的概念作為一種結構捕捂，保持繼承簡單，并且允許調用超類方法斗搞。
簡單的類創(chuàng)建與繼承
這里是該內容的實現(xiàn)（合理的大小并且有備注） 大概有25行指攒。 歡迎并感謝提出建議。
/* Simple JavaScript Inheritance
* By John Resig https://johnresig.com/
* MIT Licensed.
*/
//從base2與Prototype這2個庫中受到啟發(fā)僻焚。
(function(){
var initializing = false, fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/;
//基礎的class實現(xiàn) 沒有做任何事情
this.Class = function(){};
// 創(chuàng)建一個新的類繼承這個Class
Class.extend = function(prop) {
var _super = this.prototype;
// 實例化一個基礎類（僅僅是創(chuàng)建實例允悦，并沒有運行初始化構造器）
initializing = true;
var prototype = new this();
initializing = false;
// 復制屬性到新的原型上
for (var name in prop) {
// 檢查我們是否覆蓋了一個已經存在的方法
prototype[name] = typeof prop[name] == "function" &&
typeof _super[name] == "function" && fnTest.test(prop[name]) ?
(function(name, fn){
return function() {
var tmp = this._super;
// 添加._super()方法，該方法與超類的方法相同
this._super = _super[name];
// 該方法只需要臨時存在虑啤，所以在執(zhí)行完之后移除該方法
var ret = fn.apply(this, arguments);
this._super = tmp;
return ret;
};
})(name, prop[name]) :
prop[name];
}
// 仿真的類構造器
function Class() {
// All construction is actually done in the init method 所有的創(chuàng)建工作都會在init方法里完成
if ( !initializing && this.init )
this.init.apply(this, arguments);
}
// 設置類的原型
Class.prototype = prototype;
//重載構造器的引用
Class.prototype.constructor = Class;
//讓類可以繼續(xù)擴展
Class.extend = arguments.callee;
return Class;
};
})();
在我看來澡屡，最難的兩個部分是“初始化/不調用init方法”和“創(chuàng)建_super方法”。我想要簡要的介紹這部分以便于理解整個代碼的實現(xiàn)咐旧。
子類的實例化
為了用函數(shù)原型模擬繼承驶鹉，我們使用傳統(tǒng)的創(chuàng)建父類的實例，并將其賦值給子類的原型铣墨。如果不使用之前的實現(xiàn)室埋，其實現(xiàn)代碼類似如下：
function Person(){}
function Ninja(){}
Ninja.prototype = new Person();
// Allows for instanceof to work:
(new Ninja()) instanceof Person
該代碼的挑戰(zhàn)在于我們想從instanceof中受益，而不是實例化Person對象并運行其構造器伊约。為了抵消這一點姚淆，我們在代碼中定義了initialozing變量，當我們想使用原型實例化一個類的時候屡律，都將該變量設置為true腌逢。
因此，在構造實例的時候超埋，我們可以確保不在實例化模式下進行構建實例搏讶，并且可以相應的運行或者跳過init()方法。
if ( !initializing )
this.init.apply(this, arguments);
尤其重要的是霍殴，init()方法可以運行啟動各種昂貴的啟動代碼（鏈接到一個服務器媒惕，創(chuàng)建DOM元素等等），所以如果只是創(chuàng)建一個實例作為原型的話来庭，我們要避免任何不必要的昂貴代碼妒蔚。
保留父級方法
當你正在實例化的時候，創(chuàng)建一個類并且繼承超類的方法，我們保留了訪問被覆蓋方法的能力肴盏，最后在這個特別的實現(xiàn)中科盛，使用了一個新的臨時方法(._super)來訪問父類的相關方法，該方法只能從子類方法內部進行訪問菜皂，并且該方法引用的是父類中原有方法土涝。
例如，如果你想要調用父類的同名的方法幌墓，你可以這樣做但壮。
var Person = Class.extend({
init: function(isDancing){
this.dancing = isDancing;
}
});
var Ninja = Person.extend({
init: function(){
this._super( false );
}
});
var p = new Person(true);
p.dancing; // => true
var n = new Ninja();
n.dancing; // => false
實施這個功能需要多個步驟。首先常侣，注意我們用于繼承一個已經存在類的對象（例如被傳入Person.extend的這個）需要與基礎的new Person的實例合并（Person類之前已經被創(chuàng)建了）蜡饵。在合并過程中我們做了簡單的檢查：子類屬性是否是一個函數(shù)、超類屬性是否是一個函數(shù)胳施、子類函數(shù)是否包含了super引用溯祸。
注意，我們創(chuàng)建了一個匿名的閉包（返回了一個構造函數(shù)）舞肆，將會封裝并執(zhí)行子類的函數(shù)焦辅。首先，作為優(yōu)秀的開發(fā)人員椿胯，需要保持舊的this._super引用（不管它是否存在）筷登，處理完了以后再恢復該引用。這在同名變量已經存在的情況下會很有用（我們不想意外的失去它）哩盲。
接下來前方，我們創(chuàng)建了新的_super方法，新的方法保持了對存在于父類方法的引用廉油。值得慶幸的是惠险，我們不需要做任何額外的代碼修改或者作用域的修改，當函數(shù)成為我們對象的一個屬性時抒线，該函數(shù)的上下文會自動設置（this引用的是當前的子類實例班巩，而不是父類實例）。
最后我們調用原始的子類方法執(zhí)行自己的工作（也有可能使用了_super）嘶炭，然后將_super恢復成原來的狀態(tài)抱慌，并返回調用結果。
有很多方式可以達到類似的結果（有的實現(xiàn)旱物，會通過訪問arguments.callee遥缕，將_super方法綁定到方法自身），但是該特定技術提供了良好的可用性和簡便性宵呛。
我會在我寫的書中覆蓋更多的JavaScript原型系統(tǒng)背后的真相，我只是想把這個類實現(xiàn)放到這里夕凝，讓每個人都嘗試使用它宝穗。我認為這個簡單的代碼可以說明很多的事情(更容易去學習户秤，去繼承，更少的下載)逮矛，因此我認為這個實現(xiàn)是開始和學習JavaScript類構造和繼承的基礎的好地方鸡号。
其實我是拜讀過忍者秘籍的，這個例子在忍者秘籍中的第六章 - 原型與面向對象中做了更加詳細的講解须鼎，此外本書全面且詳細的講解了javascript的基礎部分（函數(shù)鲸伴、執(zhí)行上下文、閉包等等）晋控，并且書中有部分例子實際上有些深奧汞窗，部分例子在我當初第一次閱讀的時候并沒有完全理解，于是我就把該頁折疊起來赡译，日后再次閱讀理解更為透徹一點仲吏。 由于我是認真閱讀過忍者秘籍的，我認為這本書非常的不錯（畢竟是jQuery作者寫的）蝌焚，因此在這里我向各位初學者推薦這本書裹唆，希望對大家有所幫助。
