JS继承

作者: 转角遇见一直熊 | 来源:发表于2016-07-27 13:02 被阅读214次

历史

Javascript的继承在历史上产生过很多解决方案,我感觉主要分成两类,一个是基于原型链的,另一个是基于拷贝的。下面罗列了一些文章,都是我觉得说的很清楚,很牛逼的文章,感兴趣的同学可以看看。

中文博客
Javascript面向对象编程(二):构造函数的继承
Javascript面向对象编程(三):非构造函数的继承
对《JavaScript高级程序设计》第三版6.3小节的理解
JavaScript继承详解

外文博客
Douglas Crockford - Prototypal Inheritance in JavaScript
Douglas Crockford - Classical Inheritance in JavaScript
John Resig - Simple JavaScript Inheritance
Dean Edwards - A Base Class for JavaScript Inheritance
Prototype

外国框架,支持AOP:
https://github.com/tnhu/jsface

国人实现的一个继承,支持private,protected,static
https://github.com/yuehaowang/jpp.js


ES2015

class语法糖

ES2015提供了新的语法糖来实现类和继承。看一个例子:

class SponsorWidget {
    constructor(name, description, url) {
        this.url = url;

    }
    
    render() {
        //...
        let link = this._buildLink(this.url);
    }

    _buildLink(url) {
        //...
    }
}
新语法 新语法

继承

看一个例子

class Widget {
    constructor() {
        this.baseCSS = "site-widget";
    }
    parse(value) {
        //...
    }
}


class SponsorWidget extends Widget {
    constructor(name, description, url) {
        super();
    }

    render() {
        //...
        let parsedName = this.parse(this.name);
        let css = this._buildCSS(this.baseCSS);
    }

    parse() {
        let parsedName = super.parse(this.name);
        return `Sponsor: ${parsedName}`;
    }
}
新的继承

总结

经历漫长的发展,JavaScript取得了很大的进步,ES2015增加了很多新的思想,统一了以前让大家混乱不堪的概念,作为程序员,我们应该与时俱进,使用新的标准进行前后端的开发。

相关文章

  • Js的继承

    js的继承 @(js)[继承, js, 前端] 组合继承是原性链继承和构造函数继承的合体,它汲取了二者各自的有点,...

  • JS继承

    JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...

  • #js继承

    js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承)类式继承(构造函数间的继承) 类式继承是...

  • js继承遇到的小问题

    这两天在看js继承方面,它不像OC那种传统的类继承。js继承方式还是挺多的。比如:原型继承、原型冒充、复制继承 原...

  • JS中继承的实现

    JS中继承的实现 #prototype (js原型(prototype)实现继承) 全局的Function对象没有...

  • js继承

    js继承js 继承-简书 原型链实现集继承 上面的代码实现原型链继承最重要的son.prototype=new f...

  • JavaScript 10

    js继承的概念 1.通过原型链方式实现继承(对象间的继承) 2.类式继承(构造函数间的继承) 由于js不像Java...

  • JS继承的实现的几种方式

    前言 JS作为面向对象的弱类型语言,继承也是非常强大的特性之一,那么如何在JS实现继承呢? JS继承的实现方式 既...

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

  • 继承方式(6种)1.7

    JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。 JS继承...

网友评论

    本文标题:JS继承

    本文链接:https://www.haomeiwen.com/subject/bxsojttx.html