Skip to content
On this page

前言

大家好,我是 Lvzl,从今天开始,决定学习前端需要掌握的设计模式,然后会将我学到的总结为文章持续更新到 我的专栏——前端需要掌握的设计模式,有计划学习的掘友可以帮忙三连一下,一起学习,一起变强!

❗️ 本文是作为前端需要掌握的设计模式专栏的一个开篇,不涉及技术,没兴趣可跳过。

什么是设计模式?

先看看查询到相关资料给它的定义:

设计模式,即Design Patterns,是指在软件设计中,被反复使用的一种代码设计经验。使用设计模式的目的是为了可重用代码,提高代码的可扩展性和可维护性。

个人看法:设计模式就是很多前辈们做了很多项目,在这一过程中慢慢累积出来的编码经验,或者说是编码的框架、套路。

举个🌰:我们数学中的那些公式/定理,在我们解决问题时,只要学过这些公式/定理,当满足这些公式/定理的条件下,直接使用这些公式/定理就能够得出结果。而设计模式就好比数学中的公式/定理。

按照这种套路去实现我们的项目功能,会有很多优点:

  • 重用代码,减少我们的工作量
  • 提高扩展性和可维护性,当需求变化,我们能够改动极少的代码/模块满足需求变更。
  • 代码可读性更好
  • 等等...

为啥要学设计模式?

有了上一章节,那么理由就很简单了:

  • 我们只要根据自己的需求,找到一种对应的设计模式,剩下的就是按照套路出牌就好了,听老人的话,没错的。
  • 采用合理的设计模式实现功能,让我们写的代码更健壮点,别人阅读起来更舒服点,有较好的扩展性和可维护性,给自己/同事少挖坑,少点加班不香吗。
  • 一次学习设计模式,终身受用,对自己的成长有较大帮助
  • 再说简单点,面试会问,总得说个12345出来

从下一篇开始,开始正式的设计模式学习篇。

从哪里学

网络上有很多关于设计模式的文章,我看了很多,最终选择了掘金小册——JavaScript 设计模式核⼼原理与应⽤实践。那有些掘友可能会说了,那我这不就属于搬别人的成果吗?我个人想的是学习完别人写的,如何吸收成为我自己的,然后用我的理解写出来记录在掘金,仅此而已!当然,非常推荐各位购买上面的小册学习,写的真好👍🏻! 一键即达image.png

参考链接

廖雪峰的官方网站

掘金小册——JavaScript 设计模式核⼼原理与应⽤实践