オーバーライドに関する質問

Question

親クラスと子クラスに同名メソッドを入れると子クラスが上書きする（オーバーライド）と学んだのですが、下のprogateの問題のソースコードでは、Dog classのコンストラクタが、親クラスのコンストラクタを上書きするために、super()関数を使用していますが、上書きするということは親クラスは無効になるため、"this.name = name; this.age = age;"を子クラスのコンストラクタに入れなくてはならないのではないかと思うのですが、いかがでしょうか。

class Animal {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  
  greet() {
    console.log("こんにちは");
  }
  
  info() {
    this.greet();
    console.log(`名前は${this.name}です`);
    console.log(`${this.age}歳です`);
  }
}

class Dog extends Animal {
  // constructorを追加してください
  constructor(name,age,breed){
    super(name,age);
    this.breed=breed;
  }
  
  info() {
    this.greet();
    console.log(`名前は${this.name}です`);
    // 「犬種は〇〇です」と出力してください
    console.log(`犬種は${this.breed}です`);
    
    console.log(`${this.age}歳です`);
    const humanAge = this.getHumanAge();
    console.log(`人間年齢で${humanAge}歳です`);
  }
  
  getHumanAge() {
    return this.age * 7;
  }
}

// 3つ目の引数に「"チワワ"」を渡してください
const dog = new Dog("レオ", 4,"チワワ");
dog.info();

Comments

[Lhankor_Mhy]

前の質問は解決したのでしょうか。
https://teratail.com/questions/270222

thisを理解できていないのであれば、この質問の回答を理解するのは難しいかもしれません。

[m.ts10806]

javascriptes6
という言語は存在しないと思いますが。

[miyabi_pudding]

JavaScriptES6って表記のつもりだったとしても、頭痛が痛いみたいな感じになりますね・・・。

Answer 1

MDNにもあまりはっきりと書いていないので困るのですが、super()をコンストラクタ内で使うと、親クラスのコンストラクタが返すものを**thisに上書き**する、という理解をするとわかりやすいと思います。super()が返すものをコンソールで見てみると納得できるかもしれません。

親クラスのコンストラクタはインスタンスを返すので、子クラスのコンストラクタで受けて必要なプロパティを上書きしてから返してやれば、親クラスのコンストラクタの振る舞いを継承した子クラスのインスタンスを返すことができる、という寸法です。

つまり、上書きするのはsuper()の後、ということです。

参考：
https://tc39.es/ecma262/#_ref_11434

Answer 2

Dog classのコンストラクタが、親クラスのコンストラクタを上書きするために、super()関数を使用していますが

いえ、全く逆です。このsuper()は、親クラスのコンストラクタを呼び出す構文です。

Answer 3

super - JavaScript | MDN

を参照しましょう。

というかそもそも、classのメソッド定義をしてるわけじゃないから、
constructor内での、ただの実行ですので、
上書きになりません。