JavaScript实现继承的五种方式
来源:互联网 发布:笔记本安装linux 编辑:程序博客网 时间:2024/05/22 12:57
1. 原型链继承
var Base = function() { this.level = 1; this.name = "base"; this.toString = function(){ return "base"; };};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"; };};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"; };};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"; };};var Sub = function(){ var base = new Base(); for(var i in base) Sub.prototype[i] = base[i]; Sub.prototype["name"] = "sub";};
- 优点:支持多继承。
- 缺点:效率较低;无法获取父类不可枚举的方法。
5. 对象继承
如果我们不需要类继承,只需要对象继承,对于支持 ECMAScript 5 的浏览器来说,还可以用Object.create方法来实现:
var Base = function() { this.level = 1; this.name = "base"; this.toString = function(){ return "base"; };};var sub = Object.create(new Base());sub.name = "sub";
- 对象继承在Ext-5.0中应用很普遍,广泛采用的是Ext.create(…)形式取代之前new运算符
0 0
- JavaScript实现继承的五种方式
- javascript中实现对象继承的五种方式详解
- JavaScript五种继承方式
- JavaScript五种继承方式
- JavaScript五种继承方式
- Javascript 实现继承的三种方式
- javascript 实现继承的几种方式
- Javascript实现继承的6种方式
- javascript实现继承的几种方式
- javaScript实现继承的5种方式
- javascript实现继承的几种方式
- Javascript实现继承的几种方式
- javascript实现继承的几种方式
- JavaScript实现继承的几种方式
- javascript 实现继承的几种方式
- Javascript实现继承的6种方式
- Javascript实现继承的几种方式
- JavaScript实现继承的5种方式
- Win32 例子程序释疑
- 黑马程序员————Java基础日常笔记---对多线程的理解
- 劳动几天的单向链表
- IBM3650M4-7915服务器安装双CPU的问题
- LOG4J.PROPERTIES配置详解
- JavaScript实现继承的五种方式
- 内存优化のdecodeStream
- android activity 切换
- 传智播客网页平面UI入驻武汉校区
- MTK_相关路径
- Windows 驱动开发 - 6
- MySQL 的Rename Table语句
- MySql锁详解
- Android SERVICE后台服务进程的自启动和保持