【JavaScript设计模式】Singleton Pattern

sif_6662023-12-22 19:47

单例是可以被实例化一次的类，并且可以被全局访问。这个实例可以在整个应用程序中共享，这使得singleton非常适合管理应用程序中的全局状态。

首先，让我们看看使用ES2015类的单例是什么样子的。在这个例子中，我们将构建一个Counter类，它具有:

getInstance 方法：返回一个Counter实例；
getCount 方法：获取当前的计数值；
increment 方法：计数值加1；
decrement 方法：计数值减1；

javascript 复制代码

let counter = 0;

class Counter {
  getInstance() {
    return this;
  }

  getCount() {
    return counter;
  }

  increment() {
    return ++counter;
  }

  decrement() {
    return --counter;
  }
}

const counter1 = new Counter();
const counter2 = new Counter();

console.log(counter1.getInstance() === counter2.getInstance()); // false

显然，这个类不符合Singleton的标准! Singleton应该只能实例化一次，上例我们可以创建多个Counter类实例。

下面，我们再对上述的例子进行改造，以保证只能创建一个唯一的Counter实例。

javascript 复制代码

let instance;
let counter = 0;

class Counter {
  constructor() {
    if (instance) {
      throw new Error("You can only create one instance!");
    }
    instance = this;
  }

  getInstance() {
    return this;
  }

  getCount() {
    return counter;
  }

  increment() {
    return ++counter;
  }

  decrement() {
    return --counter;
  }
}

const counter1 = new Counter();
const counter2 = new Counter();

为了提高Counter单例的安全性，我们可以使用Object.freeze。并将Counter作为一个模块使用。

javascript 复制代码

const singletonCounter = Object.freeze(new Counter());
export default singletonCounter;