代码之家 › 专栏 › 技术社区 › Daniel Lizik

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

inheritance javascript

Daniel Lizik · 技术社区 · 3 年前

如果我有一个超类,它应该能够在一个新实例上设置一些初始属性,为什么子类的成员似乎覆盖了超类的构造函数?

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

class Foo extends Base {
  time = 0;
  
  // calling super seems to make no difference
  // constructor(...args) {
  //  super(...args)
  // }
}

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

console.log(foo.time) // is 0, should be 22?

如果我移除 time = 0; 从儿童课上看,它像预期的那样工作,但我的绒线断了。

如何保留成员初始值设定项,即。, 时间=0; 在子类中,但超类是否能够在其构造函数中设置属性?

1 回复 | 直到 3 年前

CertainPerformance 3 年前

实例只能在 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)

推荐文章

Brendan · Java中从父类继承的对象的ArrayList

2 年前

Bradley Marques · Python在父类静态/类方法中获取子类

3 年前

Tali · 继承-您应该使用基类,还是它们只是子类的框架?

3 年前

mask2 · 如何轻松访问继承类的功能?

3 年前

Vance Brockberg · 使用标记接口在Java中实现伪枚举继承

3 年前

Dimon · 父类中的Setter,以及一些没有参数的子类

3 年前

Miguerurso · Javascript类继承无法正常工作

3 年前

GuessMe · 返回新类对象的正确方法(也可以扩展)

3 年前

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

3 年前

i_know_what · 以基类作为参数重写错误的方法

3 年前