var Base = function()
{
this.level = 1;
this.name = "base";
this.toString = func " /> 成人午夜小视频,亚洲激情,国产三级全黄

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

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

主站蜘蛛池模板: 黄色视屏免费看 | 久久国产成人亚洲精品影院老金 | 日本一区二区高清免费不卡 | 亚洲欧洲综合 | 开心综合网 | 国产成人ay手机在线观看 | 欧美一级网址 | 91啦国产 | 成人国产激情福利久久精品 | 六月激情婷婷 | 亚洲一区二区免费看 | 国产人成精品 | 精品国精品国产自在久国产不卡 | 欧美国产亚洲精品a第一页 欧美国产一区二区二区 | 欧美精品视 | 精品国免费一区二区三区 | 成人亚洲综合 | 欧美极品第一页 | 国产特黄一级毛片特黄 | 91在线综合 | 4hu四虎永久网址 | 黄网在线观看网址入口 | 日韩a级黄色片 | jizz毛片| 天天做.天天爱.天天综合网 | 国产在线一区视频 | 色视频免费在线 | 奇米亚洲春色 | 精品久久久中文字幕一区 | 国产麻豆精品一区二区 | 婷婷成人基地 | 久久免 | 成年美女网站 | 日韩永久免费进入2015 | 美女把屁股扒开让男人桶视频 | 亚洲骚色 | 中文字幕在线播放一区 | 免费一级乱子伦片 | 91福利精品老师国产自产在线 | 999热精品这里在线观看 | 99免费精品视频 |