JavaScript でシングルトンパターンを簡単に実装するにはどうすればよいですか?-jsチュートリアル-php.cn

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

Mary-Kate Olsen

リリース： 2024-11-28 20:22:13

オリジナル

777 人が閲覧しました

How Can I Easily Implement the Singleton Pattern in JavaScript?

JavaScript でシングルトンパターンを簡単に実装する

JavaScript の多用途なエコシステムは、シングルトンパターンを実装するためのさまざまなアプローチを提供します。ここでは、最も簡単で洗練されたテクニックの包括的なガイドを示します:

1.オブジェクトリテラル:

最も簡単な解決策には、基本的なオブジェクトリテラル:

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

ログイン後にコピー

2 を作成することが含まれます。プライベートメンバーを含むモジュールパターン:

カプセル化されたプライベートメンバーの場合は、モジュールパターンを利用します:

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

  function privateMethod() {
    // ...
  }

  return { // public interface
    publicMethod1: function() {
      // All private members are accessible here
    },
    publicMethod2: function() {
    }
  };
})();

ログイン後にコピー

3.シングルトンの凍結:

シングルトンオブジェクトを凍結して変更を防止します:

Object.freeze(myInstance);

ログイン後にコピー

4.プライベート状態の ES モジュール (ES6):

ES モジュールを活用して簡単にステートフルなシングルトンを実現:

// my-singleton.js
let somePrivateState = [];

const privateFn = () => {
  // ...
};

export default {
  method1() {
    // ...
  },
  method2() {
    // ...
  }
};

ログイン後にコピー

使用法:

シングルトンをインポートして利用します必要:

import myInstance from './my-singleton.js';

// ...

ログイン後にコピー

これらのアプローチにより、開発者は JavaScript でシングルトンを簡単かつ効率的に実装できるようになり、アプリケーションの多様なニーズに効率的に対応できます。

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

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

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