JavaScript 基础：继承

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

内容简介：今天，我们要讲的是 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;

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

寄生组合继承

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

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

这样就完美了！

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

查看所有标签

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

码农书籍

指数型组织

萨利姆•伊斯梅尔 (Salim Ismail)、迈克尔•马隆 (Michael S. Malone)、尤里•范吉斯特 (Yuri van Geest) / 苏健 / 浙江人民出版社 / 2015-8-1 / CNY 69.90

《指数型组织》是一本指数级时代企业行动手册。作者奇点大学创始执行理事萨利姆·伊斯梅尔归纳了指数型组织的11个强大属性，并提出了建立指数型组织的12个关键步骤。通过自己创建的一套“指数商”测试题，伊斯梅尔还测量出了指数型组织世界100强。  为什么小米、海尔和阿里巴巴能进入“指数型组织世界100强”名单？“独角兽”Uber、Airbnb、谷歌等知名企业是如何指数化自己的组织的？  未......一起来看看《指数型组织》这本书的介绍吧!

码农工具