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種方法總結,轉載需保留來源!

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

主站蜘蛛池模板: 色婷婷六月 | 一级做a爰片性色毛片2021 | 91综合精品网站久久 | 午夜色网站 | 巨大巨粗巨长 黑人长吊视频 | 青青草国产免费国产是公开 | 久久国产精品一区 | 久久成人福利视频 | 丁香六月 久久久 | 久草婷婷| 国产精品久久精品福利网站 | 国产精品自拍视频 | 天天拍天天色 | 偷拍亚洲色图 | 激情网站网址 | 91久久国产精品视频 | 免费一区二区三区免费视频 | 国产成人禁片免费观看 | 亚洲激情综合网 | 欧美大片欧美激情免费看一 | 五月婷婷俺来也 | 亚洲线精品一区二区三区 | 中文字幕一二三四区 | 91不卡| 色播影院性播免费看 | 另类图片小说 | 91精品国产免费青青碰在线观看 | 国内精品手机在线观看视频 | 日韩经典欧美精品一区 | 大香网伊人久久综合观看 | 美女无遮挡免费视频 | 午夜在线观看视频在线播放版 | 久久福利网 | 日本高清一区 | 福利在线看 | 国产午夜视频在线观看 | 精新精新国产自在现 | 午夜影院在线免费观看 | h国产在线观看 | 人人澡人人澡人人看青草 | 1024cc香蕉视频|