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

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

Linda Hamilton
リリース: 2024-12-04 00:00:17
オリジナル
765 人が閲覧しました

How to Implement the Singleton Pattern in JavaScript?

JavaScript でシングルトンを作成する方法

JavaScript では、シングルトン パターンにより、クラスまたはオブジェクトのインスタンスを 1 つだけ作成できるようになります。 。シングルトンを実装する最も簡単な方法は、オブジェクト リテラルを使用することです:

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);
ログイン後にコピー

ES6 では、ES モジュールを使用します:

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

function privateFn () {
  // ...
}

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

次にインポートします:

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

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

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