重写父类构造函数的子类成员初始值设定项

实例只能在 super 通话结束。如果没有class字段,请查看错误:

class Base {
  constructor(fields) {
    Object.assign(this, fields)
  }
}

class Foo extends Base {
  constructor(...args) {
    this.time = 0;
    super(...args)
  }
}

const foo = new Foo({ time: 22 })

在访问“this”或从派生构造函数返回之前,必须在派生类中调用超级构造函数

类字段遵循同样的逻辑,只在超级调用完成后才分配给实例。所以

class Foo extends Base {
  time = 0;
  
  constructor(...args) {
    super(...args)

相当于

class Foo extends Base {
  constructor(...args) {
    super(...args)
    this.time = 0;

换句话说,在子类的构造函数(或类字段)中指定的属性 设计 重写在超类构造函数中指定的属性。

但是,超级类是否能够在其构造函数中设置属性?

一种方法是使用 time 属性设置为0,然后传递并使用该属性,而不是类字段:

class Base {
  constructor(fields) {
    Object.assign(this, fields)
  }
}

class Foo extends Base {
  constructor({ time = 0, ...rest }) {
    super({ time, ...rest })
  }
}

const foo = new Foo({ time: 22 })

console.log(foo.time)