什么是javascript设计模式_单例模式和观察者模式如何实现?

admin 百科 13
单例模式确保类唯一实例并提供全局访问,观察者模式实现一对多依赖更新;单例用闭包或静态属性控制实例创建,观察者含Subject和Observer角色,现代开发常用EventBus或框架机制替代。

什么是javascript设计模式_单例模式和观察者模式如何实现?-第1张图片-佛山资讯网

单例模式确保一个类只有一个实例,并提供全局访问点;观察者模式定义对象间一对多依赖关系,当一个对象状态改变时,所有依赖它的对象都会收到通知并自动更新。

单例模式的实现方式

核心是控制实例创建过程,避免重复生成。常见写法是用闭包或静态属性缓存唯一实例。

  • 使用闭包封装私有变量和构造逻辑,返回一个固定对象:

const Singleton = (function() {
  let instance;
  function createInstance() {
    return { data: 'I am the only one' };
  }
  return {
    getInstance() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();
// 使用
const a = Singleton.getInstance();
const b = Singleton.getInstance();
console.log(a === b); // true

登录后复制

  • ES6 class 写法中,可在类内部用静态属性保存实例,构造函数检查是否已存在:

class Singleton {
  static instance = null;
  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }
    this.id = Math.random();
    Singleton.instance = this;
  }
}

登录后复制

注意:这种方式在严格模式下 new 调用会报错,更稳妥的是把构造设为私有(如抛出错误),只暴露 getInstance 方法。

观察者模式的基本结构

包含两个核心角色:Subject(被观察者,维护订阅者列表并触发通知)和 Observer(观察者,定义接收更新的方法)。

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

标签: vue react javascript es6 java js go 异步任务 red

发布评论 0条评论)

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