用 JavaScript 设计模式来认识单例模式

2023-12-26 16:47:11

在前端开发中，单例模式是一种常见的设计模式，它可以确保一个类只有一个实例存在。这对于某些场景非常有用，例如，当您想确保只有一个弹窗打开时，或者当您想在整个应用程序中共享一个对象时。

在 JavaScript 中，有几种方法可以创建单例模式。一种方法是使用闭包。闭包是指一个函数可以访问其父函数作用域内的变量和参数。这允许您创建一个私有变量，该变量只能由函数本身及其内部函数访问。

// 通过闭包创建单例模式
function Singleton() {
  let instance;

  function createInstance() {
    return {
      name: 'Singleton',
      sayHello() {
        console.log('Hello from Singleton');
      },
    };
  }

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

      return instance;
    },
  };
}

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

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

另一种方法是使用类。在 JavaScript 中，类是一种创建对象的蓝图。您可以通过 class 来创建类，然后使用 new 关键字来创建类的实例。

// 通过类创建单例模式
class Singleton {
  static instance;

  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }

    this.name = 'Singleton';
    Singleton.instance = this;
  }

  sayHello() {
    console.log('Hello from Singleton');
  }
}

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

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