国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于JavaScript實現繼承機制之構造函數+原型鏈混合方式的使用詳解

2019-11-20 22:44:29
字體:
來源:轉載
供稿:網友

構造函數、原型實現繼承的缺陷

首先來分析構造函數和原型鏈兩種實現繼承方式的缺陷:

構造函數(對象冒充)的主要問題是必須使用構造函數方式,且無法繼承通過原型定義的方法,這不是最好的選擇。不過如果使用原型鏈,就無法使用帶參數的構造函數了。開發者如何選擇呢?答案很簡單,兩者都用。

構造函數+原型混合方式

這種繼承方式使用構造函數定義類,并非使用任何原型。創建類的最好方式是用構造函數定義屬性,用原型定義方法。這種方式同樣適用于繼承機制,用對象冒充繼承構造函數的屬性,用原型鏈繼承 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 運算符仍能正確運行。

下面的例子測試了這段代碼:
復制代碼 代碼如下:

var objA = new ClassA("blue");
var objB = new ClassB("red", "John");
objA.sayColor();    //輸出 "blue"
objB.sayColor();    //輸出 "red"
objB.sayName();    //輸出 "John"

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 天峻县| 小金县| 阿鲁科尔沁旗| 兰考县| 河间市| 鄱阳县| 高邮市| 余庆县| 纳雍县| 饶阳县| 万盛区| 岗巴县| 武山县| 吐鲁番市| 胶南市| 志丹县| 巴里| 平定县| 文成县| 常宁市| 新邵县| 茂名市| 桦南县| 固原市| 舞钢市| 彝良县| 榆树市| 海阳市| 巴南区| 吴桥县| 天气| 焉耆| 沙坪坝区| 泰和县| 济源市| 固镇县| 基隆市| 墨脱县| 碌曲县| 巴塘县| 综艺|