構(gòu)造函數(shù)、原型實(shí)現(xiàn)繼承的缺陷
首先來分析構(gòu)造函數(shù)和原型鏈兩種實(shí)現(xiàn)繼承方式的缺陷:
構(gòu)造函數(shù)(對象冒充)的主要問題是必須使用構(gòu)造函數(shù)方式,且無法繼承通過原型定義的方法,這不是最好的選擇。不過如果使用原型鏈,就無法使用帶參數(shù)的構(gòu)造函數(shù)了。開發(fā)者如何選擇呢?答案很簡單,兩者都用。
構(gòu)造函數(shù)+原型混合方式
這種繼承方式使用構(gòu)造函數(shù)定義類,并非使用任何原型。創(chuàng)建類的最好方式是用構(gòu)造函數(shù)定義屬性,用原型定義方法。這種方式同樣適用于繼承機(jī)制,用對象冒充繼承構(gòu)造函數(shù)的屬性,用原型鏈繼承 prototype 對象的方法。用這兩種方式重寫前面的例子,代碼如下:
復(fù)制代碼 代碼如下:
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);
};
復(fù)制代碼 代碼如下:
var objA = new ClassA("blue");
var objB = new ClassB("red", "John");
objA.sayColor(); //輸出 "blue"
objB.sayColor(); //輸出 "red"
objB.sayName(); //輸出 "John"
新聞熱點(diǎn)
疑難解答
圖片精選