- 博客(3)
- 收藏
- 关注
原创 前端应该知道的设计模式之-行为型
一、策略模式-适用于逻辑条件分支较多时(场景:商品活动定价,包含类型:预售价 - pre 大促价 - onSale 返场价 - back 尝鲜价 - fresh) (1)if else 分支实现 // 按照不同活动类型计算商品价格 function calcPrice(tag, originPrice) { // 预热价:满 100 - 20,不满 100 打 9 折 if(tag === 'pre') { if(originPrice >= 100) { return o
2021-07-06 18:22:15 116
原创 前端应该知道的常用设计模式之-结构型
一、装饰器模式-适用于灵活添加功能模块(场景:点击按钮打开弹窗,并修改该按钮禁用和文字内容) (1)、ES6实现方式 // 定义按钮 class OpenButton { onClick() { const dialog = new Dialog() dialog.visible = true } } // 定义按钮装饰器 class Decorator { constructor(button) { this.button = bu
2021-07-06 18:21:25 99
原创 前端应该知道的常用设计模式之-创建型
一、工厂模式-简单工厂(场景:用户管理创建用户列表) (1)定义变量 const user1 = { name: 'A', age: 18, career: 'produce' } const user2 = { name: 'B', age: 18, career: 'boss' } ... (2) 构造函数 function User(name, age, career) { this.name = name this.age = age
2021-07-06 18:20:51 78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人