javascript中的几种继承方式
2016-03-14 15:28
706 查看
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.parent=Base;
this.parent.applay(this,arguments);
delete this.parent;
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";
};
优点:支持多继承。
缺点:效率较低;无法获取父类不可枚举的方法。
这几种形式各有特点,仅就我提供的代码而言,满足下面的表格:
如果我们不需要类继承,只需要对象继承,对于支持 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";
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.parent=Base;
this.parent.applay(this,arguments);
delete this.parent;
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";
};
优点:支持多继承。
缺点:效率较低;无法获取父类不可枚举的方法。
这几种形式各有特点,仅就我提供的代码而言,满足下面的表格:
instanceof父类 | instanceof子类 | 子类constructor | 不可枚举方法的继承 | 多继承可实现 | |
原型链继承 | TRUE | TRUE | FALSE | TRUE | FALSE |
构造继承 | FALSE | TRUE | TRUE | TRUE | TRUE |
实例继承 | TRUE | FALSE | FALSE | TRUE | FALSE |
拷贝继承 | FALSE | TRUE | TRUE | FALSE | TRUE |
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";
相关文章推荐
- js倒计时
- 【bzoj1443】【JSOI2009】【游戏game】【二分图博弈】
- JSP九大内置对象详解
- doT.js 模板引擎的使用
- js图片预览插件
- js的瀑布流效果
- 谈谈JS的核心技术:原型对象和原型链
- js 对Array的补充
- JSP EL
- js判断当前环境是否为苹果手机
- js中instanceof与typeof的区别以及instanceof的门道
- 【SSH (七) 】使用ajax + json 交互
- JavaScript对象数组表格处理加案例
- JSP标准标签
- JavaScript学习笔记——基本包装类型(上)Boolean、Number
- javascript的date()和getTime()区别
- 《JavaScript高级程序设计》第7章 函数表达式
- JS正则表达式匹配<div><style>标签
- js函数对象
- 在JavaScript中创建命名空间的几种写法