【JS 设计模式】JS 实现工厂模式

工厂模式,就是将 new 的操作单独的放到一个类中,在创建类时,只需要调用工厂方法就好。这样做的好处是:日后修改某个类名,只需要修改某个类和工厂中的类名即可,不必整个项目中查找。
哎,JS 想要实现工厂模式,缺少 Java 所需的接口,所以实现方式也和 Java 有所不同。
Java UML 类图:
在这里插入图片描述
JS UML 类图:
在这里插入图片描述
害,由于 JS 没有接口的概念,所以将原本的两个 Product 整合成了一个 Product,并且取消了 interface 。

JS 代码实现:

class Product{
  constructor(name) {
    this.name = name
  }
  fn1() {
    console.log('fn1')
  }
  showName() {
    console.log(this.name)
  }
}

// 工厂类
class Creator{
  create(name) {
    return new Product(name)
  }
}

const creator = new Creator()

let pro1 = creator.create('华为 P40')
pro1.showName()
pro1.fn1()
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值