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";
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。