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

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

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-04 00:00:17805ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。