JavaScript设计模式_单例模式实现

function Singleton() {

立即学习“Java免费学习笔记（深入）”；

  if (typeof Singleton.instance === 'object') {

    return Singleton.instance;

  }

  // 初始化实例

  this.config = { debug: true };

  // 保存实例

  Singleton.instance = this;

  return this;

}

// 使用

const a = new Singleton();

const b = new Singleton();

console.log(a === b); // true

class ConfigManager {

  static instance = null;

  constructor() {

    if (ConfigManager.instance) {

      return ConfigManager.instance;

    }

    this.data = {};

    ConfigManager.instance = this;

  }

  setData(key, value) {

    this.data[key] = value;

  }

  getData(key) {

45°C商城系统

系统介绍 45°C 商城系统，以 Thinkphp5.0 + Uniapp + Layui2.9 + Vue 为技术基石，精心打造出的全新 MINI 商城应用。其功能覆盖全面，无论是 PC 商城、H5 商城，还是公众号商城、微信小程序以及抖音小程序的制作都能完美胜任。采用标准系统结合插件模式开发，用户能够极为便捷地定制专属的个性模块。整个系统，从程序设计到 UI 呈现，都秉持着一贯的小而美理念。程

0

查看详情

    return this.data[key];

  }

}

// 测试

const mgr1 = new ConfigManager();

const mgr2 = new ConfigManager();

mgr1.setData('theme', 'dark');

console.log(mgr2.getData('theme')); // 'dark'

console.log(mgr1 === mgr2); // true

class Logger {

  static instance = null;

  constructor() {

    if (!Logger.instance) {

      Logger.instance = this;

    }

    return Logger.instance;

  }

  log(msg) {

    console.log(`[LOG]: ${msg}`);

  }

}

// 提供统一访问接口

const getLogger = () => {

  if (!Logger.instance) {

    new Logger();

  }

  return Logger.instance;

};