JavaScript设计模式：打造可维护架构

1. 模块模式（Module Pattern）

用于创建私有变量和方法，避免全局污染。ES6 的模块系统已原生支持，但在某些场景下，立即执行函数（IIFE）实现的模块模式依然有用。

示例：

const UserModule = (function () {
  let privateData = [];

  function privateMethod() {
    console.log("内部方法");
  }

  return {
    addUser(user) {
      privateData.push(user);
    },
    getCount() {
      return privateData.length;
    }
  };
})();
  

2. 观察者模式（Observer Pattern）

实现对象间的一对多依赖关系，当一个对象状态改变时，所有依赖者自动更新。常用于事件系统或状态管理。

示例：

class EventObserver {
  constructor() {
    this.events = {};
  }

  subscribe(event, callback) {
    if (!this.events[event]) {
      this.events[event] = [];
    }
    this.events[event].push(callback);
  }

  notify(event, data) {
    if (this.events[event]) {
      this.events[event].forEach(fn => fn(data));
    }
  }
}
  

3. 单例模式（Singleton Pattern）

确保一个类只有一个实例，并提供全局访问点。适用于配置管理、日志记录器等。

示例：

class Logger {
  constructor() {
    if (Logger.instance) {
      return Logger.instance;
    }
    this.logs = [];
    Logger.instance = this;
  }

  log(message) {
    this.logs.push(message);
    console.log(message);
  }
}
  

4. 工厂模式（Factory Pattern）

根据输入创建不同类型的对象，隐藏实例化逻辑。适合处理具有共同接口但行为不同的对象。

示例：

function createUser(type) {
  if (type === 'admin') {
    return { role: 'admin', permissions: ['read', 'write', 'delete'] };
  } else if (type === 'user') {
    return { role: 'user', permissions: ['read'] };
  }
}