javascript设计模式有哪些_单例模式和工厂模式如何实现

admin 百科 14
JavaScript中常用设计模式包括单例模式和工厂模式:单例确保类仅有一个实例,用于配置管理等场景;工厂封装对象创建逻辑,解决条件化实例化问题,二者可组合使用但适用场景不同。

javascript设计模式有哪些_单例模式和工厂模式如何实现-第1张图片-佛山资讯网

JavaScript 中常用的设计模式包括单例模式、工厂模式、观察者模式、发布-订阅模式、代理模式、装饰器模式、策略模式、适配器模式、命令模式、状态模式等。其中,单例模式和工厂模式是入门级但高频使用的两种,它们分别解决“唯一实例管理”和“对象创建解耦”问题。

单例模式:确保一个类只有一个实例

核心思想是:第一次调用时创建实例,之后每次都返回同一个引用。常用于配置管理、全局状态、日志器、弹窗管理器等场景。

实现关键点:

  • 用闭包或静态属性缓存实例
  • 构造函数内部判断是否已存在实例,有则直接返回
  • 避免通过 new 多次创建新对象

基础实现(ES5/ES6 兼容):

立即学习“Java免费学习笔记(深入)”;

class Singleton {
  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }
    this.data = Math.random();
    Singleton.instance = this;
  }
}
// 使用
const a = new Singleton();
const b = new Singleton();
console.log(a === b); // true

登录后复制

更推荐的写法(不依赖 new,更安全):

const Singleton = (function () {
  let instance;
  function createInstance() {
    return { data: Math.random() };
  }
  return {
    getInstance() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();

// 使用
const a = Singleton.getInstance();
const b = Singleton.getInstance();
console.log(a === b); // true

登录后复制

工厂模式:把对象创建逻辑集中封装

适用于需要根据条件生成不同对象类型,且创建过程较复杂的情况。它把 new 操作从调用方抽离,提升可维护性和扩展性。

标签: javascript es6 java js ai switch

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~