js 繼承
混合方式
這種繼承方式使用構造函數定義類,并非使用任何原型。對象冒充的主要問題是必須使用構造函數方式,這不是最好的選擇。不過如果使用原型鏈,就無法使用帶參數的構造函數了。開發者如何選擇呢?答案很簡單,兩者都用。
在前一章,我們曾經講解過創建類的最好方式是用構造函數定義屬性,用原型定義方法。這種方式同樣適用于繼承機制,用對象冒充繼承構造函數的屬性,用原型鏈繼承 prototype 對象的方法。用這兩種方式重寫前面的例子,代碼如下:
function ClassA(sColor) {
this.color = sColor;
}
ClassA.prototype.sayColor = function () {
alert(this.color);
};
function ClassB(sColor, sName) {
ClassA.call(this, sColor);
this.name = sName;
}
ClassB.prototype = new ClassA();
ClassB.prototype.sayName = function () {
alert(this.name);
};
在此例子中,繼承機制由兩行突出顯示的藍色代碼實現。在第一行突出顯示的代碼中,在 ClassB 構造函數中,用對象冒充繼承 ClassA 類的 sColor 屬性。在第二行突出顯示的代碼中,用原型鏈繼承 ClassA 類的方法。由于這種混合方式使用了原型鏈,所以 instanceof 運算符仍能正確運行。
摘自:http://www.w3school.com.cn/js/pro_js_inheritance_implementing.asp
浙公網安備 33010602011771號