如何在 JavaScript 中實作單例模式？-js教程-PHP中文網

如何在 JavaScript 中實作單例模式？

Mary-Kate Olsen

發布： 2024-11-29 00:47:15

原創

200 人瀏覽過

How Can I Implement the Singleton Pattern in JavaScript?

在JavaScript 中實作單例模式：綜合指南

單例模式確保只有類別或物件的單一實例存在於一個應用程式。在 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);

登入後複製

ES6 和帶有ES 模組的私有狀態

有效利用ES6模組與私有狀態：

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

function privateFn () {
  // ...
}

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

登入後複製

使用Singleton 物件

匯入並使用毫不費力地建立單例物件：

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

登入後複製

在JavaScript 中實作單例模式有多種方法，從簡單的物件文字到具有閉包和私有狀態管理的高階技術。選擇最適合您的特定要求和專案需求的方法。

以上是如何在 JavaScript 中實作單例模式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！