JavaScriptデザインパターンを学ぶ 第2版

第7章. JavaScriptデザインパターン

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

前の章では、3つの異なるカテゴリーのデザインパターンの例を示した。これらのデザインパターンの中には、ウェブ開発の文脈に関連するもの、あるいは必要とされるものもある。JavaScriptに適用すると役立つ、時代を超越したパターンもいくつか確認した。この章では、さまざまな古典的でモダンなデザインパターンのJavaScript実装を探る。すべてのセクションは、3つのカテゴリー（創造的、構造的、振る舞い）のうちの1つに特化している。まず、創造的パターンから始めよう。

パターンを選ぶ

、ワークフローで使うべき理想的なパターンやパターン・セットがあるのだろうか、と開発者はよく考える。この質問に対する唯一の正解はない。私たちが手がけるスクリプトやウェブアプリケーションには、それぞれ個別のニーズがあるだろう。私たちは、パターンが実装に本当の価値を提供できるかどうかを考えなければならない。

例えば、プロジェクトによっては、Observerパターンによって提供されるデカップリングの利点（アプリケーションのパーツが互いに依存する度合いを減らす）から利点を得られるかもしれない。同時に、規模が小さすぎてデカップリングが問題にならないプロジェクトもある。

とはいえ、デザインパターンと、デザインパターンが最も適している具体的な問題をしっかり把握すれば、アプリケーションアーキテクチャに組み込むのはずっと簡単になる。

創造的パターン

作成パターンは、オブジェクトを作成するメカニズムを提供する。以下のパターンを取り上げる：

• "コンストラクタ・パターン"

• "モジュールパターン"

• "暴露モジュールパターン"

• "シングルトン・パターン"

• "プロトタイプパターン"

• "工場パターン"

コンストラクタ・パターン

コンストラクタとは、新しく作成されたオブジェクトのメモリが割り当てられた後、初期化するために使用される特殊メソッドである のことである。ES2015+で、コンストラクタでクラスを作成する構文がJavaScriptに導入された。これにより、デフォルトのコンストラクタを使用して、クラスのインスタンスとしてオブジェクトを作成できるようになった。

JavaScriptでは、ほとんどすべてがオブジェクトであり、クラスはJavaScriptの継承に対するプロトタイプ的アプローチのための構文上の糖分である。古典的なJavaScriptでは、オブジェクトのコンストラクタに興味を持つことがほとんどだった。図7-1はそのパターンを示している。

注

オブジェクトのコンストラクタは、 、特定の型のオブジェクトを作成するために使用される。オブジェクトを使用するための準備をしたり、オブジェクトが最初に作成されたときにメンバープロパティとメソッドの値を設定するための引数を受け取ったりする。

図7-1. コンストラクタのパターン

オブジェクトの作成

JavaScriptで新しいオブジェクトを作成する一般的な方法は、以下の3つである：

// Each of the following options ...