前端常用设计模式之工厂模式

前情

在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率

定义

属于创建型模式，把对象的实现和创建相分离，我们在创建对象时不会对客户端暴露创建逻辑，并且是通过使用一个共同的接口来指向新创建的对象。

代码演示

通过不同参数生成不同的对象返回

class Dog {
  constructor() {
    this.name = "旺财";
  }
}

class Cat {
  constructor() {
    this.name = "小白";
  }
}

function factory(type) {
  switch (type) {
    case 'dog':
      return new Dog();
    case 'cat':
      return new Cat();
    default: 
      console.log('没有该类型的动物');
      break;
  }
}

let dog = factory('dog');
let cat = factory('cat');
console.log(dog, cat);