关于JS中的继承(三)

来源:互联网 发布:网页铃声制作软件 编辑:程序博客网 时间:2024/06/08 19:31

ES6中的类及继承

首先我们先说一下,ES6中的类,在ES6中定义类如下代码所示。

class Fn {//ES6中定义类用class关键字,而不是function    constructor(){//构造函数        //=>constructor:Fn        //=>这里面的 this.xxx=xxx 是给当前实例设置的私有属性    }    xxx(){}//=>这里设置的方法都放在Fn.prototype上(给实例提供的公有属性方法)    ...    static xxx(){}//=>这写属性和方法都是把Fn当做普通对象设置的私有属性和方法,和实例没有任何的关系    ...}var f = new Fn();

ES6中继承的实现

class A {    constructor() {        this.x = 100;//当前实例的私有属性    }    getX() {//A原型上的方法        console.log(this.x);    }}class B extends A {    constructor() {        super();//=>CALL继承 进来第一句话必须写上super()        this.y = 200;  //当前实例的私有属性    }    getY() {         console.log(this.y);    }}var b = new B();
原创粉丝点击