组件单例模式之 ESM 与 CommonJS 规范

前端

2024-01-19 02:05:53

单例模式：确保独一无二，全局可用的对象

什么是单例模式？

想象一下一个场景，你有一家餐馆，只能同时容纳一名顾客。这种情况下，我们如何确保只有一位顾客同时就餐呢？单例模式就是一种设计模式，它可以帮助我们解决这个问题，确保一个类只有一个实例，并且可以通过一个全局访问点进行访问。

JavaScript中的单例模式实现

在JavaScript中，我们可以使用闭包或模块系统来实现单例模式。

闭包实现

闭包是一种函数，可以访问其创建时作用域中的变量。因此，我们可以创建一个闭包函数，并在其中创建该类的实例，并提供一个获取该实例的函数。

var Singleton = (function() {
  var instance;

  function createInstance() {
    return new Object();
  }

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

模块系统实现

ES modules和CommonJS模块系统也可以用于实现单例模式。

// ES modules
export default class Singleton {
  static instance;

  static getInstance() {
    if (!Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    return Singleton.instance;
  }
}

// CommonJS
var Singleton = (function() {
  var instance;

  function createInstance() {
    return new Object();
  }

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

module.exports = Singleton;