最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

ES6 类继承 和 super的使用

XAMPP相关 admin 999浏览 0评论

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 这个伪数组来遍历所有的参数。

转载请注明:XAMPP中文组官网 » ES6 类继承 和 super的使用

您必须 登录 才能发表评论!