常用的Javascript设计模式小结

什么是设计模式？

设计模式是解决一类问题的经验总结和传递，它不是具体的代码实现，而是解决问题的一种思想方式。在开发中，我们可以借助设计模式来提高代码可读性、可维护性和可扩展性。

Javascript中常用的设计模式

在Javascript中，常用的设计模式有如下几种：

1. 单例模式

单例模式是指通过某种方式确保类只能够被实例化一次，并提供一个全局访问该唯一实例的方式。例如：

let instance;

class Singleton {
  constructor() {
    if (!instance) {
      instance = this;
    }

    return instance;
  }
}

2. 工厂模式

工厂模式是指提供一个创建对象的接口，但不指定具体的类。让子类决定实例化哪个类，可以将创建对象的工作从客户端移动到工厂类中。例如：

class Product {
  constructor() {}

  getName() {}
}

class ConcreteProductA extends Product {
  constructor() {
    super();
  }

  getName() {
    return 'Product A';
  }
}

class ConcreteProductB extends Product {
  constructor() {
    super();
  }

  getName() {
    return 'Product B';
  }
}

class Factory {
  static createProduct(type) {
    switch(type) {
      case 'A':
        return new ConcreteProductA();
      case 'B':
        return new ConcreteProductB();
      default:
        throw new Error('Invalid product type!');
    }
  }
}

3. 观察者模式

观察者模式是指当对象间存在一对多关系时，一个对象发生改变时，所有依赖于它的对象都会得到通知。例如：

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

  addObserver(observer) {
    this.observers.push(observer);
  }

  removeObserver(observer) {
    let index = this.observers.indexOf(observer);
    if (index !== -1) {
      this.observers.splice(index, 1);
    }
  }

  notify(data) {
    this.observers.forEach(observer => {
      observer.update(data);
    })
  }
}

class Observer {
  update(data) {}
}

class ConcreteObserverA extends Observer {
  update(data) {
    console.log(`Concrete Observer A: ${data}`);
  }
}

class ConcreteObserverB extends Observer {
  update(data) {
    console.log(`Concrete Observer B: ${data}`);
  }
}

let subject = new Subject();
let observerA = new ConcreteObserverA();
let observerB = new ConcreteObserverB();
subject.addObserver(observerA);
subject.addObserver(observerB);
subject.notify('Hello world!');