extendsを使ったクラスの継承とオブジェクト指向プログラミングの活用をわかりやすく解説

// 基本的な継承の例
class Animal {
    constructor(name) {
        this.name = name;
    }

    speak() {
        console.log(`${this.name} が鳴いています。`);
    }
}

class Dog extends Animal {
    speak() {
        console.log(`${this.name} がワンワンと鳴いています。`);
    }
}

// 使用例
const dog = new Dog("ポチ");
dog.speak(); // ポチ がワンワンと鳴いています。

// superの使用例
class Animal {
    constructor(name) {
        this.name = name;
    }

    speak() {
        console.log(`${this.name} が鳴いています。`);
    }
}

class Cat extends Animal {
    constructor(name, color) {
        super(name); // 親クラスのコンストラクタを呼び出す
        this.color = color;
    }

    speak() {
        super.speak(); // 親クラスのメソッドを呼び出す
        console.log(`${this.name} がニャーニャーと鳴いています。`);
    }
}

// 使用例
const cat = new Cat("ミケ", "白");
cat.speak();
// ミケ が鳴いています。
// ミケ がニャーニャーと鳴いています。

// 複数のクラスを継承する例
class Animal {
    constructor(name) {
        this.name = name;
    }

    move() {
        console.log(`${this.name} が動いています。`);
    }
}

class Bird extends Animal {
    move() {
        console.log(`${this.name} が空を飛んでいます。`);
    }
}

class Fish extends Animal {
    move() {
        console.log(`${this.name} が水中を泳いでいます。`);
    }
}

// 使用例
const sparrow = new Bird("スズメ");
const goldfish = new Fish("金魚");

sparrow.move(); // スズメ が空を飛んでいます。
goldfish.move(); // 金魚 が水中を泳いでいます。