前端设计模式之简单工厂模式

本文解析了简单工厂模式的基本概念,如何通过Shop类根据enum Phones枚举创建预设的IPhone对象,并强调了其灵活性受限和隐藏数据创建过程的特点。

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

简单工厂模式就是对同一类对象创建过程的抽象,在形式上它仅仅只是通过 if 等判断语句,根据不同条件去生成不同对象,且只能创建已经设计的好的数据,如果要添加新的数据,必须手动添加。

interface IPhone {
  name: string;
  price: number;
}


enum Phones {
  hw,
  mi
}

// 这里的 Shop 则表示一个工厂,它将数据包裹,根据需求提供数据。
class Shop {
  // 华为手机
  hwPhone:IPhone = {
    name: "mate 40",
    price: 4000,
  };
  
  // 小米手机
  miPhone:IPhone = {
    name: "p40",
    price: 4000,
  };

  getPhone(type: Phones): IPhone{
    switch (type) {
      case Phones.hw:
        return this.hwPhone;
      case Phones.mi:
        return this.miPhone;
    }
  }
}

const shop1 = new Shop();
const mi1 = shop1.getPhone(Phones.mi);
mi1.name = "nihao";

const shop2 = new Shop();
const mi2 = shop2.getPhone(Phones.mi);

console.log(mi1, mi2);

总结:

从上面的结构可以看出:

  1. 简单工厂就是根据不同的输入,输出不同的数据;
  2. 数据一般是预设好的几种,如果需要不同的数据,则需要修改程序,手动添加;
  3. 简单工厂,实际就是隐藏数据创建过程,让用户不用关心数据如何创建;
  4. 但是简单工厂,也确实体现了 简单,只是简单的封装了数据,并没有对数据创建进行更深层的抽象。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值