superキーワードの役割と継承関係における使い方をわかりやすく解説

// 親クラス
class Animal {
    constructor(name) {
        this.name = name;
    }

    speak() {
        console.log(`${this.name}が音を出します。`);
    }
}

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

    speak() {
        super.speak(); // 親クラスのspeakメソッドを呼び出す
        console.log(`${this.name}（${this.breed}）が吠えています！`);
    }
}

// 使用例
const dog = new Dog("ポチ", "柴犬");
dog.speak();
// 結果:
// ポチが音を出します。
// ポチ（柴犬）が吠えています！

// 複数の子クラスで親クラスを継承
class Employee {
    constructor(name, salary) {
        this.name = name;
        this.salary = salary;
    }

    details() {
        return `${this.name}, 年収: ${this.salary}`;
    }
}

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

    details() {
        return `${super.details()}, 部署: ${this.department}`; // 親クラスのdetailsメソッドを拡張
    }
}

// 使用例
const manager = new Manager("佐藤", 800万円, "営業");
console.log(manager.details());
// 佐藤, 年収: 800万円, 部署: 営業