「趣学前端」设计模式学习与应用

/** * 用户-基础信息 */const_userBaseInfo= () => {
constobj= {
name: '张三',
phone: '123456',
sex: '男',
  };
returnobj;
};
/** * 用户-收货地址信息 */const_userAddressInfo= () => {
constobj= {
province: '北京市',
city: '北京市',
region: '昌平',
  };
returnobj;
};
/** * 用户-订单信息 */const_userOrderInfo= () => {
constobj= {
orderNo: '123',
price: '129',
goodName: '帽子',
  };
returnobj;
};
/** * 用户-购物信息 */constgetUserInfo= () => {
constbaseInfo=_userBaseInfo();
constaddressInfo=_userAddressInfo();
constorderInfo=_userOrderInfo();
constobj= {
...baseInfo,
...addressInfo,
...orderInfo,
  };
returnobj;
};
constuserInfo=getUserInfo();
console.log({ userInfo }); 
// 打印结果// {//   userInfo: {//     name: '张三',//     phone: '123456',//     sex: '男',//     province: '北京市',//     city: '北京市',//     region: '昌平',//     orderNo: '123',//     price: '129',//     goodName: '帽子'//   }// }

/** * 二手书网站 提供购买和出售两种交易方式 */classBookTrading {
// 购买图书buyBook(props) {
props=props?props : {};
letres='购买了'+props.amount+'本'+props.name;
console.log(res);
  }
// 出售图书recoveryBook(props) {
props=props?props : {};
letres='出售了'+props.amount+'本'+props.name;
console.log(res);
  }
}
/** * 多抓鱼二手书交易平台 */classDuozhuayuextendsBookTrading {
constructor() {
super();
  }
buy(props) {
// 购买图书this.buyBook(props);
  }
buyDelivery(props) {
// 购买图书console.log('顺丰一日送达:');
this.buyBook(props);
  }
recovery(props) {
// 出售图书this.buyBook(props);
  }
recoveryPickUp(props) {
console.log('顺丰上门取件:');
this.recoveryBook(props);
  }
}
constduozhuayu=newDuozhuayu();
duozhuayu.buy({ name: '书店日记', amount: 2 });
duozhuayu.buyDelivery({ name: '中国地理杂志', amount: 5 });
duozhuayu.recovery({ name: '乌合之众', amount: 1 });
duozhuayu.recoveryPickUp({ name: '局外人', amount: 1 });
// 打印结果// 购买了2本书店日记// 顺丰一日送达:// 购买了5本中国地理杂志// 购买了1本乌合之众// 顺丰上门取件:// 出售了1本局外人

// 观察者classObserver {
constructor(name) {
this.name=name;
  }
update(info) {
// 只有添加到货通知权限的才进行到货提醒if (info.notifyType==='add') {
this.remindArrival(info.goodName);
    } elseif (info.notifyType==='cancel') {
console.log(`${this.name}取消到货提醒，不会接受到系统提醒。`);
    } else {
console.log(`${this.name}没有添加到货提醒`);
    }
  }
// 到货提醒remindArrival(info) {
console.log(`亲爱的${this.name}，您关注的宝贝${info}已到货！`);
  }
}

classSubject {
constructor() {
this.observerList= [];
  }
// 订阅subscribe(observer) {
observer.notifyType='add';
this.observerList.push(observer);
  }
// 取消订阅unsubscribe(observerRemove) {
observerRemove.notifyType='cancel';
this.observerList.push(observerRemove);
  }
// 到货提醒notice(good) {
this.observerList.forEach(observer=> {
letobj= {
...good,
...observer,
      };
observer.update(obj);
    });
  }
}

constsubject=newSubject();
constobsA=newObserver('消费者A');
constobsB=newObserver('消费者B');
constobsC=newObserver('消费者C');
// obsA obsB 添加了到货提醒subject.subscribe(obsA);
subject.subscribe(obsB);
// obsC 取消到货提醒subject.unsubscribe(obsC);
// 商品外套已到货constgoodCoat= {
goodName: '外套',
};
// 通知添加到货提醒的消费者subject.notice(goodCoat);