var Base = function()
{
this.level = 1;
this.name = "base";
this.toString = func " /> 山沟女人一级毛片,免费一级a毛片在线播出,中文字幕一区二区在线观看

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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

優點:從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";

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

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

主站蜘蛛池模板: 99re6这里只有精品 | 97精品国产自在现线免费 | 亚洲国产成人超福利久久精品 | 在线观看视频网站www色 | 欧美人成在线视频 | 久久综合亚洲一区二区三区 | 欧美色就色 | 一道精品视频一区二区三区男同 | 亚洲福利视频一区二区三区 | 精品久久久久久久久久中文字幕 | 丁香在线 | 国产小视频你懂的 | 国产成人精品微拍视频 | 黄 色 免 费 网站在线观看 | 亚洲视频在线观看网站 | 一区卡二区卡三区卡视频 | 亚洲线精品一区二区三区 | 欧美一区综合 | 四川幻女一级毛片 | 在线免费视频一区二区 | 国产色在线观看 | 国产精品午夜久久 | 狠狠入| 一个人免费播放在线视频看片 | 国产在线观看精品一区二区三区91 | 亚洲福利秒拍一区二区 | 一区二区三区午夜 | 国产高清乱理论片在线看 | 亚洲视频久久 | 国产在线午夜 | 日本中文字幕一区二区有码在线 | 久久国产麻豆 | 国产成人福利美女观看视频 | 真实国产乱子伦视频 | 国产精彩刺激对白视频 | 欧美大尺度无遮挡性视频 | 久久国产精品视频一区 | 97av视频 | 成人精品亚洲人成在线 | 国产精品第3页 | 亚洲伊人激情 |