📚JavaScript设计模式实践:18份笔记、例子和源码📚

专注前端与算法的系列干货分享,欢迎关注(¬‿¬):
「微信公众号:心谭博客」| xin-tan.com | GitHub

背景介绍

之前在阅读《JavaScript设计模式和开发实践》这本书的时候,收货颇丰,学习了设计模式在很多场景下的应用。

但也是因为书上场景过多,所以当记不清某一种设计模式的时候,翻书温习复杂案例的成本是相对较高的。有时候,只需要一段经典、简洁的demo就可以迅速回顾起精髓,在快速业务开发中,这是个比较经济的做法。

除此之外,当主要工作语言发生变化的时候(例如:js -> python),简洁的demo更能帮助开发者快速回忆某种设计模式的精髓和实现思路,方便开发者根据语言特性再做实现。

因此,对于比较重要的18种设计模式,我都挑选了它的一种经典应用,并且尽量使用ES6的语法和编程习惯来进行实现。 前10个设计模式还提供了Python3的实现版本(后来比较忙,遂放弃)

文章地址

一共记录了18个设计模式,部分文章发到了掘金,由于精力有限,后面几篇文章就直接放在了Github仓库 / 个人博客

  1. 单例模式:https://godbmw.com/passages/2018-10-23-singleton-pattern/
  2. 策略模式: https://godbmw.com/passages/2018-10-25-stragegy-pattern/
  3. 代理模式: https://godbmw.com/passages/2018-11-01-proxy-pattern/
  4. 迭代器模式: https://godbmw.com/passages/2018-11-06-iter-pattern/
  5. 订阅-发布模式: https://godbmw.com/passages/2018-11-18-publish-subscribe-pattern/
  6. 命令模式: https://godbmw.com/passages/2018-11-25-command-pattern/
  7. 组合模式: https://godbmw.com/passages/2018-12-12-composite-pattern/
  8. 享元模式:https://godbmw.com/passages/2018-12-16-flyweight-pattern/
  9. 责任链模式: https://godbmw.com/passages/2019-01-07-chain-of-responsibility-pattern/
  10. 装饰者模式: https://godbmw.com/passages/2019-01-12-decorator-pattern/
  11. 状态模式: https://godbmw.com/passages/2019-01-16-state-pattern/
  12. 适配器模式: https://godbmw.com/passages/2019-01-17-adapter-pattern/
  13. 桥接模式: https://godbmw.com/passages/2019-01-19-bridge-pattern/
  14. 解释器模式: https://godbmw.com/passages/2019-01-25-interpreter-pattern/
  15. 备忘录模式: https://godbmw.com/passages/2019-01-26-memento-pattern/
  16. 模板模式: https://godbmw.com/passages/2019-01-31-template-pattern/
  17. 工厂模式: https://godbmw.com/passages/2019-03-31-factory-pattern/
  18. 抽象工厂模式: https://godbmw.com/passages/2019-04-01-abstract-factory-pattern/

放在最后

其实整理这些的原因还有一个,就是为了准备今年春招的面试。然后过了腾讯的校招和阿里的前三面发现,竟然没有专门问到设计模式相关知识!

但回首看,系统地学习、理智地使用设计模式(不是为了用而用),确实能提升代码的可读性,实现业务解耦。而在写这些文章的过程中,每种设计模式自己也是会找很多的实现(包括不限于python、java、c++)来参考,探索式学习还是蛮有趣的。

尽管如此,有2篇文章的瑕疵还是很多,希望您抱着交流的心态来阅读,如有不当,欢迎指出、共同提升


专注前端与算法的系列干货分享,欢迎关注(¬‿¬)
阅读 1.6k

推荐阅读
xin-tan.com
用户专栏

公众号:心谭博客

721 人关注
88 篇文章
专栏主页