江苏龙网

  1. 首页 > 资讯 > 科技 > >

InfoQ|你应该了解的5种TypeScript设计模式( 五 )

box2.add( new Product("Samsung TV 20in", 300)) box2.add( new Product("Samsung TV 50in", 800)) box1.add(box2) console.log("Total price: ", box1.getPrice) 在上面的示例中 ， 我们可以将 Product 放入 Box 中 ， 也可以将 Box 放入其他 Box 中 。 这是组合的经典示例 ， 因为你要达到的目的是获得要交付产品的完整价格 ， 因此你要在大 Box 中添加每个元素的价格（包括每个较小 Box 的价格） 。 这样 ， 通常称为“component”的元素是 Product 类 ， 也称为树内的“leaf”元素 。 这是因为该实体没有子级 。 Box 类本身是组合类 ， 具有子列表 ， 所有子类都实现相同的接口 。 最后一部分代码是因为你希望能够遍历所有子项并执行相同的方法（请记住 ， 这里的子项可以是另一个较小的组合） 。
该示例的输出应为：
Adding a Bubble gum to the box Adding a Samsung Note 20 to the box Adding a Samsung TV 20in to the box Adding a Samsung TV 50in to the box Adding a A box with 2 products to the box Total price: 2105.5因此 ， 在处理遵循同一接口的多个对象时 ， 请考虑使用这种模式 。 它将复杂性隐藏在单个实体（组合本身）中 ， 你会发现它有助于简化与小组的互动 。
设计模式是用于解决问题的完美工具 ， 但你必须先了解它们 ， 并针对自身面对的场景做一些调整才能让它们起作用 ， 或者修改你的业务逻辑以配合模式 。 无论是哪种方式 ， 都是一项不错的投资 。
你最喜欢哪种模式呢？你会经常在项目中使用它们吗？在评论中分享自己的看法吧！
参考阅读：
InfoQ 读者交流群上线啦！各位小伙伴可以扫描下方二维码 ， 添加 InfoQ 小助手 ， 回复关键字“进群”申请入群 。 大家可以和 InfoQ 读者一起畅所欲言 ， 和编辑们零距离接触 ， 超值的技术礼包等你领取 ， 还有超值活动等你参加 ， 快来加入我们吧！
点个在看少个 bug ??


推荐阅读


上一篇：数评时代|华硕女生粉色系笔记本都用上MX350，看来独显要加速普及

下一篇：|Redmi K30至尊纪念版每次开售秒没 现开启全款预售：2499元