JavaScript を使用したショッピング カートの開発に関連する DOM 操作 (2)

前節では主に操作対象となるノードオブジェクトの取得を行いました

本節では主にCookieの設定と取得の操作を行い、カプセル化設計にはシングルトン設計パターンを使用します

シングルケース設計パターン

以下は、Wikipedia によるシングルトン パターンの紹介です:

シングルトン パターンを適用する場合、シングルトンを生成するクラスは、インスタンスが 1 つだけ存在することを保証する必要があります。多くの場合、システム全体で必要なグローバル オブジェクトは 1 つだけです。システム全体の動作の調整を促進します。例えば、システム全体の設定ファイルには、設定データを一元的に読み込み、変更するためのシングルトンオブジェクトがあり、他のオブジェクトも設定データを必要とする場合には、このシングルトンオブジェクトを通じて設定データを取得することにより、複雑な設定を簡素化することができます。環境の構成管理。

シングルトン パターンの考え方は次のとおりです。クラスはオブジェクトへの参照 (常に同じになります) とインスタンスを取得するメソッド (静的メソッド、通常は getInstance 名を使用します) を返すことができます。次に、このメソッドを呼び出すと、クラスが保持する参照が空でない場合はその参照が返され、それ以外の場合はクラスのインスタンスが作成され、そのインスタンス参照がクラスが保持する参照に割り当てられます。それから戻ってきました。同時に、クラスのコンストラクターをプライベート メソッドとして定義して、他の関数がコンストラクターを使用してオブジェクトをインスタンス化することを防ぎ、クラスの静的メソッドを通じてのみクラスのインスタンスを取得します。

完全な形式: [] はオプションです

document.cookie = “name=value[;expires=date][;path=リソースへのパス][;domain=ドメイン名][;secure]”

cookie.js ファイルを作成し、上記の JavaScript コードをその中に入れます。

後で HTML ページから呼び出されて、汎用モジュールの効果が実現されます。