👑 クラスを「進化」させろ！継承（extends）でコードの再利用性を無限にする設計術 🧬

🤯 序文：コードをコピー＆ペーストする悪夢よ、さようなら！

前回の記事で、クラスを使ってデータと処理を一つにまとめる方法を学びましたね。しかし、ここでまた一つ壁にぶつかります。

例えば、Webサイトで「管理者（Admin）」と「一般ユーザー（Guest）」の両方を管理する必要が出てきたとします。

一般ユーザー：名前、メールアドレス、ログイン/ログアウト機能
管理者：名前、メールアドレス、ログイン/ログアウト機能 ＋データ削除機能

このとき、もし管理者クラスを作るために、一般ユーザーのクラスの中身を丸ごとコピー＆ペーストし、deleteData()関数だけを追加したらどうなるでしょうか？コードが重複し、元のクラスにバグが見つかると、両方のクラスを修正するという地獄のような作業が発生します。

プロの現場では、このようなコードの重複を防ぐために、**継承（Inheritance）**という究極の再利用テクニックを使います。

🤯 序文：コードをコピー＆ペーストする悪夢よ、さようなら！

1. 🤝 継承とは？「親」と「子」の関係
2. 🔑 継承の仕組み：extendsとsuperキーワード
3. 🧪 継承されたクラスを使ってみる
🌟 まとめ：extendsでコードを効率的に進化させろ！

1. 🤝 継承とは？「親」と「子」の関係

継承とは、あるクラス（親クラス、またはスーパークラス）のすべてのプロパティとメソッドを、別のクラス（子クラス、またはサブクラス）が引き継ぐ仕組みです。

子クラスは、親クラスのすべての機能を無料で手に入れ、そこに自分独自の新しい機能だけを追加できます。

継承のメリット（バズる理由）

コードの重複ゼロ：共通のロジックは親クラスに一つだけ書けばOK。
神メンテ性：共通機能（例：ログイン処理）に修正が必要な場合、親クラスだけ直せば、すべての子クラスに自動で適用されます。

2. 🔑 継承の仕組み：extendsとsuperキーワード

JavaScriptで継承を実現するには、主に2つのキーワードを使います。

2-1. extends：親クラスを指定する

新しい子クラスを定義する際、クラス名の後に extends 親クラス名 と記述するだけで、親クラスの機能をすべて引き継ぎます。

2-2. super()：親のコンストラクターを呼び出す

子クラスにconstructorを定義する場合、必ずその一番最初に super() を呼び出す必要があります。

super()は、「親クラスのコンストラクターを実行してね」という指示です。
これにより、親クラスで定義された初期プロパティ（例：this.name, this.email）が正しく子クラスにも設定されます。

📝 継承の実践コード

JavaScript

// 【親クラス】一般ユーザーの設計図
class User {
    constructor(name, email) {
        this.name = name;
        this.email = email;
        this.isLoggedIn = false;
    }

    login() {
        this.isLoggedIn = true;
        console.log(`${this.name}: ログインしました。`);
    }
}

// --------------------------------------------------------------------

// 【子クラス】管理者クラスの設計図 (Userクラスを継承)
class Admin extends User {
    constructor(name, email, role) {
        // 1. super()で親(User)の初期化処理を呼び出す
        super(name, email); 
        
        // 2. 子クラス独自のプロパティを追加
        this.role = role || 'Super Admin';
    }

    // 子クラス独自のメソッドを追加
    deleteData(dataId) {
        if (this.isLoggedIn) {
             console.log(`管理者 ${this.name}がデータID: ${dataId} を削除しました。`);
             return true;
        }
        console.log("削除にはログインが必要です。");
        return false;
    }
}

3. 🧪 継承されたクラスを使ってみる

Adminクラスは、独自のdeleteData()メソッドを持っているだけでなく、Userクラスのlogin()メソッドもそのまま使えます。

JavaScript

const admin = new Admin("田中管理者", "admin@corp.com");

// 1. 親クラスのメソッドを実行
admin.login(); // 結果: 田中管理者: ログインしました。

// 2. 子クラス独自のメソッドを実行
admin.deleteData(101); // 結果: 管理者 田中管理者がデータID: 101 を削除しました。

// 3. 親クラスのプロパティにもアクセス可能
console.log(admin.isLoggedIn); // 結果: true

このように、継承を使うことで、コードを書く量は最小限に抑えられ、非常に読みやすく、拡張性の高いシステムを構築できるのです。