var Base = function()
{
this.level = 1;
this.name = "base";
this.toString = func " /> 国产精品毛片无码,久久爱综合,免费精品

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

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

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";

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

缺點:子類區(qū)別于父類的屬性和方法,必須在Sub.prototype = new Base();這樣的語句之后分別執(zhí)行,無法被包裝到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"; 
};

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

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

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; 
};

優(yōu)點:是父類的對象,并且使用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"; 
};

優(yōu)點:支持多繼承。

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

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

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";

JavaScript技術JavaScript實現繼承的4種方法總結,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 精品国产乱码久久久久久果冻传媒 | 日本不卡一区二区三区 | 中文字幕亚洲精品 | 日韩在线| 国产午夜在线 | 色必久久 | 91精品国产乱码久久久久久久久 | 成人欧美一区二区三区黑人孕妇 | 欧美日韩福利视频 | 国产二区精品视频 | 成人1区 | 夜夜草视频 | 国产丝袜一区二区三区免费视频 | 亚洲视频二区 | 狠狠干美女 | 拍戏被cao翻了h承欢 | 九一视频在线播放 | 国产在线一级片 | 91色站| 日韩欧美网 | 亚洲自拍一区在线观看 | 日韩一区中文字幕 | 一区二区在线不卡 | 亚洲成人中文字幕 | 国产福利小视频 | 希岛爱理在线 | 99福利视频 | 黄色大片视频 | 亚洲一区二区电影在线观看 | 亚洲一区二区视频 | 精品亚洲国产成av人片传媒 | 精品美女在线观看 | 精品成人av | 97碰碰碰| 中文字幕日韩欧美 | 久久久久99| 中文字幕精品一区二区三区精品 | 日本午夜一区二区三区 | 久久久久久黄 | 国产精品爱久久久久久久 | 成人亚洲 |