JavaScript上級

上級 JavaScriptで学ぶオブジェクト指向設計｜アンチパターン編

 

導入

オブジェクト指向設計は、ソフトウェア開発における強力な手法ですが、実際のプロジェクトでは多くの落とし穴が存在します。特に、JavaScriptのような柔軟な言語では、設計パターンや原則を無視することで、予期しない問題が発生することがあります。本稿では、オブジェクト指向設計のアンチパターンに焦点を当て、実務でよく遭遇する具体的なケースを通じて、その改善方法を探ります。

教科書レベルの解説（オブジェクト指向設計）

重要な概念の整理

オブジェクト指向設計の基本的な概念には、カプセル化、継承、ポリモーフィズムがあります。これらの原則を正しく適用することで、コードの再利用性や可読性が向上します。しかし、これらの概念を誤って実装すると、アンチパターンが生まれ、メンテナンスが困難になることがあります。

コード例（JavaScript）


class User {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    displayInfo() {
        console.log(`Name: ${this.name}, Age: ${this.age}`);
    }
}

class Admin extends User {
    constructor(name, age, permissions) {
        super(name, age);
        this.permissions = permissions;
    }

    displayInfo() {
        super.displayInfo();
        console.log(`Permissions: ${this.permissions}`);
    }
}

// 使用例
const admin = new Admin('Alice', 30, ['read', 'write']);
admin.displayInfo();

コードの行ごとの解説

  1. クラスUserを定義し、コンストラクタでnameとageを初期化します。
  2. displayInfoメソッドでユーザー情報をコンソールに出力します。
  3. AdminクラスはUserクラスを継承し、permissionsプロパティを追加します。
  4. AdminクラスのdisplayInfoメソッドでは、親クラスのメソッドを呼び出し、追加情報を表示します。
  5. Adminクラスのインスタンスを作成し、displayInfoメソッドを呼び出します。

アンチパターン編

上記のコードは一見すると問題がないように見えますが、実際にはいくつかのアンチパターンが潜んでいます。特に、継承の深さが増すと、コードの可読性や保守性が低下するリスクがあります。例えば、AdminクラスがUserクラスを継承することで、Userクラスの変更がAdminクラスに影響を及ぼす可能性があります。また、displayInfoメソッドのオーバーライドは、今後の拡張性を制限する要因となる場合があります。

このような状況を避けるためには、コンポジションを活用するアプローチが有効です。例えば、AdminクラスがUserクラスを持つ形に変更し、必要な機能を委譲することで、継承の複雑さを軽減できます。

まとめ

  • オブジェクト指向設計では、継承の使い方に注意が必要です。
  • コンポジションを利用することで、コードの柔軟性と保守性が向上します。
  • 具体的なケーススタディを通じて、実務でのアンチパターンを理解することが重要です。
RELATED POST