tutorials/javascript-design-patterns

JavaScript 设计模式是提高代码可读性、可维护性和可扩展性的重要手段。以下是一些常用的 JavaScript 设计模式：

单例模式（Singleton）

单例模式确保一个类只有一个实例，并提供一个访问它的全局访问点。

实现方法：使用一个闭包来存储单例实例，并提供一个公共方法来获取这个实例。

const Singleton = (function() {
  let instance;
  function createInstance() {
    // 实例化代码
    return {};
  }
  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();

工厂模式（Factory）

工厂模式用于创建对象，而不直接实例化对象。它让类的一个实例决定创建哪个类的实例。

function createPerson(name, age) {
  return { name, age };
}

function createAnimal(name, type) {
  return { name, type };
}

const person = createPerson('Alice', 30);
const animal = createAnimal('Bobby', 'dog');

观察者模式（Observer）

观察者模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并自动更新。

class Subject {
  constructor() {
    this.observers = [];
  }
  subscribe(observer) {
    this.observers.push(observer);
  }
  notify() {
    this.observers.forEach(observer => observer.update());
  }
}

class Observer {
  update() {
    // 更新代码
  }
}

const subject = new Subject();
const observer1 = new Observer();
const observer2 = new Observer();

subject.subscribe(observer1);
subject.subscribe(observer2);

subject.notify(); // 触发更新

更多关于 JavaScript 设计模式的内容，可以参考本站其他相关教程。