| 标题 | 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; |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。