Factory パターン

Factory パターンでは、factory 関数を使用して新しいオブジェクトを作成できます。関数が new キーワードを使わずに新しいオブジェクトを返す場合、それは factory 関数です！

アプリケーションのために多くのユーザーが必要だとしましょう。firstName、lastName、および email プロパティを持つ新しいユーザーを作成できます。Factory 関数は、新しく作成されたオブジェクトに fullName プロパティも追加し、firstName と lastName を返します。

使用する場合

• 同じプロパティを共有する複数のオブジェクトを作成する必要がある場合に使用してください
• オブジェクトの作成が特定の環境または構成に依存する場合に役立ちます

使用しない場合

• プレーンなオブジェクトリテラルで十分な単純なオブジェクトの場合 — factory は不要な間接性を追加します
• クラスコンストラクタがプロジェクトの確立された規約で、チームが new を期待している場合
• オブジェクト作成を駆動する条件付きロジックまたは構成がない場合

指示

• Factory 関数を使用して、現在の環境またはユーザー固有の構成に基づいてカスタムオブジェクトを返してください
• 簡潔な factory 関数定義には、ES6 アロー関数を優先してください
• メモリ効率が重要な場合は、インスタンスがプロトタイプメソッドを共有するため、クラスコンストラクタの使用を検討してください

詳細

const createUser = ({ firstName, lastName, email }) => ({
  firstName,
  lastName,
  email,
  fullName() {
    return `${this.firstName} ${this.lastName}`;
  },
});

完璧です！これで createUser 関数を呼び出すことで、複数のユーザーを簡単に作成できます。

Factory パターンは、相対的に複雑で構成可能なオブジェクトを作成する場合に役立ちます。キーと値の値が特定の環境または構成に依存する場合があります。Factory パターンを使用すれば、カスタムキーと値を含む新しいオブジェクトを簡単に作成できます！

const createObjectFromArray = ([key, value]) => ({
  [key]: value,
});

createObjectFromArray(["name", "John"]); // { name: "John" }

長所

Factory パターンは、同じプロパティを共有する複数の小さいオブジェクトを作成する必要がある場合に役立ちます。Factory 関数は、現在の環境またはユーザー固有の構成に応じて、カスタムオブジェクトを簡単に返すことができます。

短所

JavaScript では、Factory パターンは new キーワードを使わずにオブジェクトを返す関数に過ぎません。ES6 アロー関数により、毎回暗黙的にオブジェクトを返す小さな factory 関数を作成できます。

ただし、多くの場合、毎回新しいオブジェクトを作成するよりも、新しいインスタンスを作成する方がメモリ効率が良い場合があります。

class User {
  constructor(firstName, lastName, email) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.email = email;
  }

  fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

const user1 = new User({
  firstName: "John",
  lastName: "Doe",
  email: "john@doe.com",
});

const user2 = new User({
  firstName: "Jane",
  lastName: "Doe",
  email: "jane@doe.com",
});

ソース

• patterns.dev/vanilla/factory-pattern

参考資料

• JavaScript Factory Functions with ES6+ - Eric Elliott