問題一覧に戻る
中級es6
問題86: クラスの継承

ES6のクラス継承を学びましょう。extendsキーワードを使って、既存のクラスから新しいクラスを派生させることができます。親クラスの機能を継承しつつ、新しい機能を追加したり、既存の機能をオーバーライドしたりできます。superキーワードを使って親クラスのコンストラクタやメソッドにアクセスできます。オブジェクト指向プログラミングの基本的な設計パターンであり、コードの再利用性を高める重要な機能です。

// クラスの継承
class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    return `${this.name}が鳴きます`;
  }
}

// Dogクラス
class Dog  Animal {
  constructor(name, breed) {
    (name);
    this.breed = breed;
  }
  
  speak() {
    return .speak() + "ワンワン！";
  }
}

const myDog = new Dog("ポチ", "柴犬");
console.log(myDog.speak());
console.log(`犬種: ${myDog.breed}`);