深挖JS实现单例模式的多种方案，各显神通应对不同场景

2023-11-30 13:59:25

JavaScript中的单例模式

在JavaScript中，单例模式是一种设计模式，可确保在整个应用程序中只存在一个特定类的实例。这在需要全局访问特定对象或确保应用程序中只有一个特定对象的情况下非常有用。

实现单例模式的6种方案

1. 使用Function实现单例模式

function Singleton() {
  // 私有变量
  let instance = null;

  // 私有方法
  function createInstance() {
    return new Singleton();
  }

  // 公共方法
  this.getInstance = function() {
    if (!instance) {
      instance = createInstance();
    }

    return instance;
  }
}

2. 使用闭包实现单例模式

let Singleton = (function() {
  // 私有变量
  let instance = null;

  // 私有方法
  function createInstance() {
    return new Singleton();
  }

  // 公共方法
  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }

      return instance;
    }
  };
})();

3. 使用对象字面量实现单例模式

let Singleton = {
  // 私有变量
  instance: null,

  // 私有方法
  createInstance: function() {
    return this.instance || (this.instance = new Singleton());
  },

  // 公共方法
  getInstance: function() {
    return this.createInstance();
  }
};

4. 使用ES6 Class实现单例模式

class Singleton {
  // 私有变量
  static instance = null;

  // 私有方法
  static createInstance() {
    return this.instance || (this.instance = new Singleton());
  }

  // 公共方法
  static getInstance() {
    return this.createInstance();
  }
}

5. 使用Symbol实现单例模式

const Singleton = (function() {
  // 私有变量
  const instance = Symbol();

  // 私有方法
  function createInstance() {
    return new Singleton();
  }

  // 公共方法
  return {
    getInstance: function() {
      if (!this[instance]) {
        this[instance] = createInstance();
      }

      return this[instance];
    }
  };
})();

6. 使用Proxy实现单例模式

let Singleton = new Proxy({}, {
  get: function(target, property) {
    if (property === 'instance') {
      return Singleton.instance || (Singleton.instance = new Singleton());
    }

    return target[property];
  }
});