手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript实现继承的4种方法总结
JavaScript实现继承的4种方法总结
摘要:JavaScript虽没有给出继承的关键字,但是我们依然能够拿出一些好办法实现。1、原型链继承:复制代码代码如下:varBase=funct...

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

};

优点:支持多继承。

缺点:效率较低;无法获取父类不可枚举的方法。

这几种形式各有特点,仅就我提供的代码而言,满足下面的表格:

JavaScript实现继承的4种方法总结1

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实现继承的4种方法总结】相关文章:

javascript元素动态创建实现方法

javascript实现查找数组中最大值方法汇总

js实现div层缓慢收缩与展开的方法

javascript正则表达式总结

JS实现定时自动关闭DIV层提示框的方法

JavaScript函数使用的基本教程

javascript获取select值的方法分析

JavaScript中的acos()方法使用详解

jQuery实现dialog设置focus焦点的方法

JavaScript实现仿网易通行证表单验证

精品推荐
分类导航