前端設計模式——單例模式

單例模式是一種設計模式，它可以確保某個類只有一個實例，並提供一個全局的訪問點來訪問該實例，我們可以使用單例模式來管理全局狀態和共用資源。

在JavaScript中，單例模式可以通過多種方式實現，以下是一些常見的實現方式：

1. 對象字面量

使用對象字面量可以輕鬆地創建單例對象，例如：

const singleton = {
  property1: "value1",
  property2: "value2",
  method1: function () {
    // ...
  },
  method2: function () {
    // ...
  },
};

上述代碼中，使用了一個對象字面量來創建單例對象，該對象包含了一些屬性和方法。由於JavaScript中對象字面量本身就是單例的，因此不需要額外的代碼來保證單例。

2. 構造函數

在JavaScript中，每個構造函數都可以用於創建單例對象，例如：

function Singleton() {
  // 判斷是否存在實例
  if (typeof Singleton.instance === "object") {
    return Singleton.instance;
  }

  // 初始化單例對象
  this.property1 = "value1";
  this.property2 = "value2";
  Singleton.instance = this;
}

const instance1 = new Singleton();
const instance2 = new Singleton();

console.log(instance1 === instance2); // 輸出 true

上述代碼中，使用了一個構造函數來創建單例對象。在構造函數中，首先判斷是否存在單例實例，如果存在則直接返回該實例，否則創建單例對象並將其保存在 `Singleton.instance` 屬性中。由於JavaScript中每個構造函數本身就是一個單例，因此不需要額外的代碼來保證單例。

3. 模塊模式

使用模塊模式可以創建一個只有單個實例的對象，例如：

const Singleton = (function () {
  let instance;

  function init() {
    // 創建單例對象
    const object = new Object("I am the instance");
    return object;
  }

  return {
    getInstance: function () {
      if (!instance) {
        instance = init();
      }
      return instance;
    },
  };
})();

const instance1 = Singleton.getInstance();
const instance2 = Singleton.getInstance();

console.log(instance1 === instance2); // 輸出 true

上述代碼中，使用了一個立即執行函數來創建單例對象。在該函數中，定義了一個私有變數 `instance` 用於存儲單例實例，而 `init` 函數則是用於創建單例實例的方法。最後，返回一個對象，該對象包含一個 `getInstance` 方法，該方法用於獲取單例實例。

通過上述方式實現的單例模式，可以確保在程式運行期間，某個類只有一個實例，並且該實例可以在任何地方訪問。