加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

Javascript继承汇总

发布时间:2018-10-04 18:48:59 所属栏目:创业 来源:站长网
导读:本文是我在看完《 Java script 王者归来》后的整理总结,文章详细章节在 第21章 P537 继承一般要实现以下三层含义: 1)子类实例可以共享父类的方法; 2)子类可以覆盖父类的方法或者扩展新的方法; 3)子类和父类都是子类实例的类型。 一、构造继承法 子类
本文是我在看完《Javascript 王者归来》后的整理总结,文章详细章节在 第21章 P537

继承一般要实现以下三层含义:

1)子类实例可以共享父类的方法;

2)子类可以覆盖父类的方法或者扩展新的方法;

3)子类和父类都是子类实例的类型。

一、构造继承法

子类中调用父类的构造函数来维护的,该继承法能实现多重继承,但只能继承父类的共有方法,无法继承静态方法,而且不能用instanceof来验证实例。

function a(){
this.say=function(){
alert("happy new year!");
}
}

function b(){
a.apply(this,arguments);
}

a.prototype.fuck=function(){
alert("%^&%^&%&^%&");
}

var oB=new b();
alert(oB instanceof a);// false
oB.say(); // happy new year
oB.fuck(); // 读不到

二、原型继承法/经典继承法

该继承法是通过复制已经存在的原型对象来实现行为重用,让对象实例共享原型对象的属性。支持多重继承,继承原型静态方法,能用instanceof来验证实例。

function a(){
this.say=function(){
alert("happy new year!");
}
}

function b(){}

a.prototype.fuck=function(){
alert("%^&%^&%&^%&");
}

a.prototype.z=123;
b.prototype=new a();

var oB=new b();
alert(oB instanceof a); // true
alert(oB.z); // 123
oB.say(); // happy new year
oB.fuck(); // %^&%^&%&^%&

三、实例继承法/寄生构造函数模式

构造法不能继承类型的静态方法,原型继承得不完善(某些核心对象的不可枚举方法不能继承),而实例继承法能对原生核心对象或者DOM对象进行继承,它通过在类型中构造对象并返回的办法来实现继承,因此instanceof验证会是false,不支持多重继承。

function a(){
var oA=new Array();
oA.say=function(){
alert("hello A!");
}
return oA;
}

var obj=new a();
alert(obj instanceof a); // false
obj.say();

四、拷贝继承法

该方法通过拷贝基类对象的所有可枚举属性和方法来模拟继承,因此它可以模拟多继承,但不能枚举的就无法继承;它可以继承父类的静态方法;

function a(){
this.num=123;
this.say=function(){
alert("happy new year!");
}
}

function b(){
this.extends=function(obj){
for(each in obj){
this[each]=obj[each];
}
}
}

var oB=new b();
oB.extends(new a());

alert(oB instanceof a); // false
alert(oB.num); // 123
oB.say(); // happy new year

五、混合继承法

顾名思义就是把上面几种继承法综合起来,取长补短,让继承更完善。常见的有 构造+原型继承:伪经典继承

function a(){
this.num=123;
this.say=function(){
alert("happy new year!");
}
}

function b(){
a.apply(this);
}

b.prototype=new a();
b.prototype.z=123;

var oB=new b();
alert(oB instanceof a); // true
alert(oB.num); // 123
oB.say(); // happy new year

六、各种继承法的优缺点

Javascript继承汇总

文章来源:http://blog.sina.com.cn/s/blog_74d6cedd0100z7z3.html

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读