JavaScript常用的设计模式

设计模式是一种解决特定类问题的经验总结，是经验的提炼。在JavaScript中，设计模式可以帮助我们避免重复的代码，提高代码的可维护性和可读性。下面是常见的JavaScript设计模式：

工厂模式

工厂模式是一种创建型模式，通过定义一个用于创建对象的接口来创建具体的对象实例。

function Car(type, brand, price) {
  this.type = type;
  this.brand = brand;
  this.price = price;
}

function CarFactory() {}

CarFactory.prototype.createCar = function(type, brand, price) {
  return new Car(type, brand, price);
};

const factory = new CarFactory();
const car1 = factory.createCar('SUV', 'Jeep', 30000);
const car2 = factory.createCar('Sedan', 'Toyota', 25000);

console.log(car1); // Car {type: "SUV", brand: "Jeep", price: 30000}
console.log(car2); // Car {type: "Sedan", brand: "Toyota", price: 25000}

上面的代码通过定义Car和CarFactory类，以及CarFactory.prototype.createCar方法来实现了工厂模式。CarFactory.createCar方法接受参数type, brand和price，然后返回一个新的Car对象实例，从而实现了对象的创建。

观察者模式

观察者模式是一种行为型模式，用于从被观察者对象中订阅信息，并在特定情况下执行一些操作。

function Subject() {
  this.observers = [];
}

Subject.prototype.subscribe = function(observer) {
  this.observers.push(observer);
};

Subject.prototype.unsubscribe = function(observer) {
  this.observers = this.observers.filter(function(o) {
    return o !== observer;
  });
};

Subject.prototype.notify = function(data) {
  this.observers.forEach(function(observer) {
    observer.update(data);
  });
};

function Observer(name) {
  this.name = name;
}

Observer.prototype.update = function(data) {
  console.log(this.name + ' received: ' + data);
};

const subject = new Subject();
const observer1 = new Observer('Observer 1');
const observer2 = new Observer('Observer 2');
const observer3 = new Observer('Observer 3');

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

subject.notify('Hello World!');

subject.unsubscribe(observer2);

subject.notify('Hello Again!');

上面的代码通过定义Subject和Observer类，以及订阅、取消订阅和通知方法来实现了观察者模式。当调用Subject.notify方法时，所有Observer实例都会收到通知，并且执行自己的update方法。当调用Subject.unsubscribe方法时，相关Observer实例会被移除，并且不再收到通知。