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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript实现继承的4种方法总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2367字，纯文字阅读大概需要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实现继承的4种方法总结全部内容，希望文章能够帮你解决JavaScript实现继承的4种方法总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端