ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でシングルトン パターンを実装するにはどうすればよいですか?

JavaScript でシングルトン パターンを実装するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-29 00:47:15
オリジナル
201 人が閲覧しました

How Can I Implement the Singleton Pattern in JavaScript?

JavaScript でのシングルトン パターンの実装: 総合ガイド

シングルトン パターンでは、クラスまたはオブジェクトのインスタンスが 1 つだけ存在することが保証されます。アプリケーション。 JavaScript では、このパターンを実装するためにいくつかのアプローチを使用できます。

オブジェクト リテラル アプローチ

直接実装するには、単純なオブジェクト リテラルの使用を検討してください。

var myInstance = {
  method1: function () {
    // ...
  },
  method2: function () {
    // ...
  }
};
ログイン後にコピー

モジュールパターン (プライベート用)メンバー)

モジュール パターンを使用してプライベート メンバーをカプセル化します。

var myInstance = (function() {
  var privateVar = '';

  function privateMethod () {
    // ...
  }

  return { // public interface
    publicMethod1: function () {
      // All private members are accessible here
    },
    publicMethod2: function () {
    }
  };
})();
ログイン後にコピー

Object.freeze による変更の防止

の整合性を維持します。フリーズによるシングルトンオブジェクトそれ:

Object.freeze(myInstance);
ログイン後にコピー

ES モジュールを使用した ES6 とプライベート状態

ES6 モジュールとプライベート状態を効果的に活用します:

// my-singleton.js
const somePrivateState = []

function privateFn () {
  // ...
}

export default {
  method1() {
    // ...
  },
  method2() {
    // ...
  }
}
ログイン後にコピー

シングルトンの利用オブジェクト

シングルトン オブジェクトを簡単にインポートして利用します。

import myInstance from './my-singleton.js'
// ...
ログイン後にコピー

JavaScript でシングルトン パターンを実装するには、単純なオブジェクト リテラルからクロージャやプライベートを使用した高度なテクニックまで、さまざまなアプローチが存在します。状態管理。特定の要件とプロジェクトのニーズに最も適した方法を選択してください。

以上がJavaScript でシングルトン パターンを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート