简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

javascript实现继承的4种方法总结

来源:易贤网   阅读:855 次  日期:2016-06-24 10:25:27

温馨提示:易贤网小编为您整理了“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;

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jQuery 弹出层插件(推荐)
下一篇:jquery获取对象在数组对象中的索引值
易贤网手机网站地址:javascript实现继承的4种方法总结
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!