乐趣区

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

背景介绍
之前在阅读《JavaScript 设计模式和开发实践》这本书的时候,收货颇丰,学习了设计模式在很多场景下的应用。
但也是因为书上场景过多,所以当记不清某一种设计模式的时候,翻书温习复杂案例的成本是相对较高的。有时候,只需要一段经典、简洁的 demo 就可以迅速回顾起精髓,在快速业务开发中,这是个比较经济的做法。
除此之外,当主要工作语言发生变化的时候(例如:js -> python),简洁的 demo 更能帮助开发者快速回忆某种设计模式的精髓和实现思路,方便开发者根据语言特性再做实现。
因此,对于比较重要的 18 种设计模式,我都挑选了它的一种经典应用,并且尽量使用 ES6 的语法和编程习惯来进行实现。前 10 个设计模式还提供了 Python3 的实现版本(后来比较忙,遂放弃)。
文章地址
一共记录了 18 个设计模式,部分文章发到了掘金,由于精力有限,后面几篇文章就直接放在了 Github 仓库 / 个人博客

单例模式:https://godbmw.com/passages/2018-10-23-singleton-pattern/

策略模式: https://godbmw.com/passages/2018-10-25-stragegy-pattern/

代理模式: https://godbmw.com/passages/2018-11-01-proxy-pattern/

迭代器模式: https://godbmw.com/passages/2018-11-06-iter-pattern/

订阅 - 发布模式: https://godbmw.com/passages/2018-11-18-publish-subscribe-pattern/

命令模式: https://godbmw.com/passages/2018-11-25-command-pattern/

组合模式: https://godbmw.com/passages/2018-12-12-composite-pattern/

享元模式:https://godbmw.com/passages/2018-12-16-flyweight-pattern/

责任链模式: https://godbmw.com/passages/2019-01-07-chain-of-responsibility-pattern/

装饰者模式: https://godbmw.com/passages/2019-01-12-decorator-pattern/

状态模式: https://godbmw.com/passages/2019-01-16-state-pattern/

适配器模式: https://godbmw.com/passages/2019-01-17-adapter-pattern/

桥接模式: https://godbmw.com/passages/2019-01-19-bridge-pattern/

解释器模式: https://godbmw.com/passages/2019-01-25-interpreter-pattern/

备忘录模式: https://godbmw.com/passages/2019-01-26-memento-pattern/

模板模式: https://godbmw.com/passages/2019-01-31-template-pattern/

工厂模式: https://godbmw.com/passages/2019-03-31-factory-pattern/

抽象工厂模式: https://godbmw.com/passages/2019-04-01-abstract-factory-pattern/

放在最后
其实整理这些的原因还有一个,就是为了准备今年春招的面试。然后过了腾讯的校招和阿里的前三面发现,竟然没有专门问到设计模式相关知识!
但回首看,系统地学习、理智地使用设计模式(不是为了用而用),确实能提升代码的可读性,实现业务解耦。而在写这些文章的过程中,每种设计模式自己也是会找很多的实现(包括不限于 python、java、c++)来参考,探索式学习还是蛮有趣的。
尽管如此,有 2 篇文章的瑕疵还是很多,希望您抱着交流的心态来阅读,如有不当,欢迎指出、共同提升。

退出移动版