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

首頁 > 編程 > JavaScript > 正文

JavaScript實現繼承的4種方法總結

2019-11-20 14:02:25
字體:
來源:轉載
供稿:網友

JavaScript雖沒有給出繼承的關鍵字,但是我們依然能夠拿出一些好辦法實現。

1、原型鏈繼承:

復制代碼 代碼如下:

var Base = function() 

    this.level = 1; 
    this.name = "base"; 
    this.toString = function(){ 
        return "base"; 
    }; 
}; 
Base.CONSTANT = "constant"; 
  
var Sub = function() 

}; 
Sub.prototype = new Base(); 
Sub.prototype.name = "sub";

優點:從instanceof關鍵字來看,實例既是父類的實例,又是子類的實例,看起來似乎是最純粹的繼承。

缺點:子類區別于父類的屬性和方法,必須在Sub.prototype = new Base();這樣的語句之后分別執行,無法被包裝到Sub這個構造器里面去。例如:Sub.prototype.name = “sub”;無法實現多重繼承。

2、構造繼承:

復制代碼 代碼如下:

var Base = function() 

    this.level = 1; 
    this.name = "base"; 
    this.toString = function(){ 
        return "base"; 
    }; 
}; 
Base.CONSTANT = "constant"; 
  
var Sub = function() 

    Base.call(this); 
    this.name = "sub"; 
};

優點:可以實現多重繼承,可以把子類特有的屬性設置放在構造器內部。

缺點:使用instanceof發現,對象不是父類的實例。

3、實例繼承:

復制代碼 代碼如下:

var Base = function() 

    this.level = 1; 
    this.name = "base"; 
    this.toString = function(){ 
        return "base"; 
    }; 
}; 
Base.CONSTANT = "constant"; 
  
var Sub = function() 

    var instance = new Base(); 
    instance.name = "sub"; 
    return instance; 
};

優點:是父類的對象,并且使用new構造對象和不使用new構造對象,都可以獲得相同的效果。

缺點:生成的對象實質僅僅是父類的實例,并非子類的對象;不支持多繼承。

4、拷貝繼承:

復制代碼 代碼如下:

var Base = function() 

    this.level = 1; 
    this.name = "base"; 
    this.toString = function(){ 
        return "base"; 
    }; 
}; 
Base.CONSTANT = "constant"; 
  
var Sub = function() 

    var base = new Base(); 
    for(var i in base) 
        Sub.prototype[i] = base[i]; 
    Sub.prototype["name"] = "sub"; 
};

優點:支持多繼承。

缺點:效率較低;無法獲取父類不可枚舉的方法。

這幾種形式各有特點,僅就我提供的代碼而言,滿足下面的表格:

2012-1-10:補充,如果我們不需要類繼承,只需要對象繼承,對于支持 ECMAScript 5 的瀏覽器來說,還可以用Object.create方法來實現:

復制代碼 代碼如下:

var Base = function() 

    this.level = 1; 
    this.name = "base"; 
    this.toString = function(){ 
        return "base"; 
    }; 
}; 
Base.CONSTANT = "constant"; 
  
var sub = Object.create(new Base()); 
sub.name = "sub";

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 启东市| 监利县| 闵行区| 金堂县| 博客| 隆安县| 琼结县| 中方县| 嵊泗县| 平潭县| 镇远县| 枝江市| 眉山市| 秦皇岛市| 江永县| 长武县| 科技| 大城县| 阿鲁科尔沁旗| 乌拉特后旗| 内黄县| 湛江市| 佛教| 维西| 犍为县| 玉山县| 穆棱市| 吉林省| 正宁县| 鱼台县| 微博| 新宾| 阿尔山市| 高台县| 如东县| 宁都县| 鸡西市| 竹北市| 海晏县| 忻州市| 前郭尔|