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

首頁 > 語言 > JavaScript > 正文

基于JavaScript實(shí)現(xiàn)繼承機(jī)制之構(gòu)造函數(shù)+原型鏈混合方式的使用詳解

2024-05-06 15:48:04
字體:
供稿:網(wǎng)友
本篇文章是對構(gòu)造函數(shù)與原型鏈混合方式的使用進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下

構(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);
};


在此例子中,繼承機(jī)制由兩行突出顯示的藍(lán)色代碼實(shí)現(xiàn)。在第一行突出顯示的代碼中,在 ClassB 構(gòu)造函數(shù)中,用對象冒充繼承 ClassA 類的 sColor 屬性。在第二行突出顯示的代碼中,用原型鏈繼承 ClassA 類的方法。由于這種混合方式使用了原型鏈,所以 instanceof 運(yùn)算符仍能正確運(yùn)行。

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

復(fù)制代碼 代碼如下:


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


發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 齐齐哈尔市| 本溪| 滕州市| 瑞昌市| 醴陵市| 司法| 康保县| 黄平县| 富源县| 大英县| 卓资县| 顺义区| 恩施市| 久治县| 平乡县| 常熟市| 新干县| 新昌县| 潞城市| 南涧| 崇信县| 策勒县| 临清市| 河东区| 武城县| 定州市| 德安县| 谷城县| 阜平县| 灵丘县| 阿巴嘎旗| 达孜县| 互助| 鸡东县| 合山市| 鄄城县| 平凉市| 三河市| 徐闻县| 怀柔区| 南靖县|