前端设计模式 | 青训营笔记

76 阅读2分钟

文章第一句话为“这是我参与「第四届青训营 」笔记创作活动的第8天

本课程学习了前端的设计模式,理解为何要有设计模式,以及有哪些

前端设计模式应用

定义:设计模式是软件设计中常见问题的解决方案模型

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论,而不是现成的代码,当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题,毕竟这是前人无数经验总结成的最佳实践,而代码实现则是对加深理解的辅助

是用来指导编写代码的一种思想,能让代码更加规范,有序,方便软件的开发。

共有23种设计模式

分别为

·创建型 - 如何创建一个对象

·结构型 - 如何灵活的将对象组装成较大的结构

·行为型 - 负责对象间的高效通信和职责划分 浏览器中的设计模式

· 单例模式

定义:全局唯一访问对象

应用场景:缓存,全局状态管理

· 发布订阅模式

定义:一种订阅机制,再被订阅对象发生变化时,通知订阅者

应用场景:从系统架构之间的解耦,到业务中一些实现模式,像邮件订阅,上线订阅等等 js中的设计模式

· 原型模式 定义:复制已有对象来创建新的对象

应用场景:js中对象创建的基本模式

· 代理模式

定义:可自定义控制对原对象的访问方式,并且语序在更新前后做一些额外处理

应用场景:监控,代理工具,前端框架实现

· 迭代器模式

定义:在不暴露数据类型的情况下访问集合中的数据

应用场景:数据结构中有多种数据类型,列表,树等,提供通用操作结果接口

设计模式不是银弹 总结出抽象的设计模式比较简单,但是想要套用到实际场景中却非常困难