JavaScript 基础:继承

栏目: JavaScript · 发布时间: 6年前

内容简介:今天,我们要讲的是 JS 继承的知识,包括 原型继承, 构造函数继承, 组合继承及其优化, 寄生式组合继承。子类的原型对象设置为父类的实例:这样:每个子类实例就会继承父类实例的属性,但由于继承的属性在子类的原型上,所以继承的属性在不同实例之间都是共享的,没有隔离。

今天,我们要讲的是 JS 继承的知识,包括 原型继承, 构造函数继承, 组合继承及其优化, 寄生式组合继承。

原型继承

子类的原型对象设置为父类的实例:

function C1 (){}
function C2 (){}
C2.prototype = new C1();
C2.prototype.constructor = C2;

这样:每个子类实例就会继承父类实例的属性,但由于继承的属性在子类的原型上,所以继承的属性在不同实例之间都是共享的,没有隔离。

构造函数继承

子类的构造函数内部,执行了父类的构造函数:

function C1 (){}
function C2 (...args){
    C1.call(this, ...args);
}

这样:每个子类实例的继承属性就隔离了,但继承不到父类的原型方法;

组合继承

结合以上两种

function C1 (){}
function C2 (...args){
    C1.call(this, ...args);
}
C2.prototype = new C1();
C2.prototype.constructor = C2;

这样:继承的私有属性隔离,继承的原型方法可以公用,但是执行了两次父类的构造函数,第二次是多余的。

组合继承优化

结合前两种方法,但把子类的原型对象指向父类的原型对象,而不是实例。

function C1 (){}
function C2 (...args){
    C1.call(this, ...args);
}
C2.prototype = C1.prototype;
C2.prototype.constructor = C2;

这样:就避免执行了两次父类的构造函数,但破坏了父类的原型对象的 constructorC1.proptotype.constructor ,本来应该指向 C1 的,现在指向 C2 了。

寄生组合继承

将子类的原型对象设置为一个新的对象,该对象的 __proto__ 指向父类的原型。

function C1 (){}
function C2 (...args){
    C1.call(this, ...args);
}
C2.prototype = Object.create(C1.prototype);
C2.prototype.constructor = C2;

这样就完美了!


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Pragmatic Programmer

The Pragmatic Programmer

Andrew Hunt、David Thomas / Addison-Wesley Professional / 1999-10-30 / USD 49.99

本书直击编程陈地,穿过了软件开发中日益增长的规范和技术藩篱,对核心过程进行了审视――即根据需求,创建用户乐于接受的、可工作和易维护的代码。本书包含的内容从个人责任到职业发展,直至保持代码灵活和易于改编重用的架构技术。从本书中将学到防止软件变质、消除复制知识的陷阱、编写灵活、动态和易适应的代码、避免出现相同的设计、用契约、断言和异常对代码进行防护等内容。一起来看看 《The Pragmatic Programmer》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具