js设计模式3-抽象工厂模式

最新推荐文章于 2025-01-15 17:26:04 发布

风清云淡_A

最新推荐文章于 2025-01-15 17:26:04 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

分类专栏：设计模式文章标签：超级工厂类抽象工厂模式

本文链接：https://blog.csdn.net/qq_27702739/article/details/94453744

设计模式专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用抽象工厂模式创建不同类型实体的实现方法。通过定义一个抽象类，派生出具体工厂类来创建如足球、篮球、自行车和汽车等实体。这种模式允许系统独立于产品的创建、组合和表示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里要多实现一个超级工厂，常见不同的工厂，然后再创建实体，相比工厂模式，继承上要多了一个抽象类的继承

class Football {
  round () {
    console.log('我是脚踢的')
  }
}

class Basketball {
  round () {
    console.log("我是手打的")
  }
}

class Bycle {
  round () {
    console.log("我是用来骑得")
  }
}

class Car {
  round () {
    console.log("我是用来开的")
  }
}
//抽象类
class SuperClass {
  getCar () {
    throw new Error("必须创建改方法")
  }
  getBall () {
    throw new Error("必须创建改方法")
  }
}




//实现工厂
class Mincar extends SuperClass {
  getCar (car) {
    car = car.toLocaleLowerCase();
    switch (car) {
      case 'bycle':
        return new Bycle();
      case 'car':
        return new Car();
      default:
        break;
    }
  }
  getball () {
    return null;
  }
}


class Ball extends SuperClass {
  getball (ball) {
    this.ball = ball.toLocaleLowerCase();
    switch (ball) {
      case 'football':
        return new Football();
      case 'basketball':
        return new Basketball();
      default:
        break;
    }
  }
  getCar () {
    return null;
  }
}



//实现超级类

class Factory {
  constructor(type) {
    this.types = type.toLocaleLowerCase();
    switch (type) {
      case 'ball':
        return new Ball();
      case 'car':
        return new Mincar();
      default:
        break;
    }
  }
}



//实现方式
//创建工厂
const carFac = new Factory('car');
const c1 = carFac.getCar('car');
const c2 = carFac.getCar('Bycle');
c1.round()
c2.round()

我是用来开的
我是用来骑得