我们在阅读各种框架源码的时候,除了了解它实现的原理,更需要从中学习到对方好的代码结构,其中所用到设计模式。以此来完善我们的代码,建立良好的代码习惯,便于代码的可维护以及可重用性。
本系列文将着重结合vue源码,阐述使用到的设计模式/原则,以此来帮助我们对于设计模式的理解,方便我们在代码中的运用。在开始阅读此文之前,需要你熟悉vue,并对vue的思想原理有一定的了解。
本系列主要将从以下方面介绍(文章目录主要根据JavaScript设计模式与开发实践一书):
设计模式:
- 代理模式
- 迭代器模式
- 单例模式
- 策略模式
- 发布订阅(观察者)模式
- 命令模式
- 组合模式
- 模版方法模式
- 享元模式
- 职责链模式
- 中介者模式
- 装饰者模式
- 状态模式
- 适配器模式
设计原则:
- 单一职责原则:vue初始化逻辑
- 最少知识原则
- 开放-封闭原则
- 接口/面向接口编程
- 代码重构