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

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-29 17:17:12508ブラウズ

How Can I Implement the Singleton Pattern in JavaScript Efficiently?

JavaScript でのシングルトン パターンのクリーンでシンプルな実装

シングルトン パターンは、クラスのインスタンスが 1 つだけ存在できることを保証します。 JavaScript では、このパターンを効率的に実装するためのいくつかのアプローチが提供されています。

方法 1: 単純なオブジェクト リテラル

簡単なアプローチの 1 つは、オブジェクト リテラルを作成し、それを変数に割り当てることです。 。これにより、シングルトン インスタンスのメソッドとプロパティに簡単にアクセスできます。

var myInstance = {
  method1: function () {},
  method2: function () {}
};

方法 2: クロージャ ベースのシングルトン

プライベート メンバーを作成するには、クロージャの使用を伴うモジュール パターン。

var myInstance = (function() {
  var privateVar = '';
  function privateMethod () {}
  return {
    publicMethod1: function () {},
    publicMethod2: function () {}
  };
})();

メソッド 3: ES5 オブジェクトFreeze

シングルトン オブジェクトの変更を防ぐには、Object.freeze メソッドを使用してオブジェクトをフリーズします。

Object.freeze(myInstance);

方法 4: ES モジュール シングルトン

ES6 では、プライベートのモジュールを使用してシングルトンを定義できます状態。

// my-singleton.js
const privateState = [];
export default {
  method1() {},
  method2() {}
};
// usage
import myInstance from './my-singleton.js';

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

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