javascript - 为什么需要用super()访问基类构造函数？

Question

为什么要在子类中引用基类的构造函数？无论哪种方式，我似乎都得到了相同的结果。

class Animal {
    constructor(age) {
        this.age = age;
    }
}

class Mammal extends Animal {}

let lion = new Mammal(3);
lion.age //=> 3

相对于

class Mammal extends Animal {
    constructor(){
        super(3)
    }
}

let lion = new Mammal();
lion.age //=> 3

Answer 1

如果您不提供显式构造函数，在子类¹ 中，JavaScript 引擎将为您生成一个如下所示的构造函数:

constructor(...args) {
    super(...args);
}

这就是您的第一个示例中发生的事情。所以这个:

class Mammal extends Animal {
}

与此相同:

class Mammal extends Animal {
    constructor(...args) {
        super(...args);
    }
}

...只是第二个是显式的，而第一个是使用 JavaScript 引擎为您插入到类中的构造函数。

这是在 §14.5.14: Runtime Semantics: ClassDefinitionEvaluation 的第 10 步中定义的:

10. If constructor is empty, then

    • If ClassHeritage_opt is present, then

      • Let constructor be the result of parsing the source text

        constructor(... args){ super (...args);}
        

        using the syntactic grammar with the goal symbol MethodDefinition.

    • Else,

      • Let constructor be the result of parsing the source text

        constructor( ){ }
        

        using the syntactic grammar with the goal symbol MethodDefinition.

---

¹ 如果它不是子类，正如您在上面看到的，它只是 constructor() { }。