ES6 类继承 和 super的使用

2024年5月21日 258次阅读 来源: zxc19890923

ES6继承 详细类容参考：http://es6.ruanyifeng.com/#do…

1、super()使用

class A {
    construcor(a, b) {
        this.a = a;
        this.b = b;
    }
}

class B extends A {
    constructor(x, y, z) {
        super(x, y);
        this.z = z;
        console.log(x, '---', y, '----', z, '----');
    }
}

let b = new B(1, 2, 8);
// 1 "---"  2  "----" 8 "----"

注意：ES6中继承的子类中，如果使用构造函数constructor()那么就必须使用 super()方法初始化，这样下面才可以调用this关键字。super()只能用在子类的构造函数之中，用在其他地方就会报错。

子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类自己的this对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法，然后再对其进行加工，加上子类自己的实例属性和方法。如果不调用super方法，子类就得不到this对象。 —阮一峰

2、父类中的静态方法，子类中可以通过类名直接调用

class A2 {
    static hello() {
        console.log("hello world");
    }
}

class B2 extends A2 {
    constructor() {
        super();
    }
}

B2.hello();
// hello world

3、Object.getPrototypeOf()判断子类继承的父类

Object.getPrototypeOf(B2);
    // A2
通过apply打印变化参数的log
Log() {
    console.log.apple(console, arguments);
}
当参数数量不确定时，函数内部也可以通过 arguments 这个伪数组来遍历所有的参数。

js apply() call() bind() 深入理解 好文推荐：http://www.cnblogs.com/coco1s…

    原文作者：zxc19890923
    原文地址: https://segmentfault.com/a/1190000018128863
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞