设计模式

[MJingv]

设计模式有三类：创建型、结构型、行为型

创建型：提供尽可能灵活性和可靠性

• singleton单例模式：只有一个实例，提供一个全局访问点
• factory method工厂方法模式：
• abstract factory抽象工厂模式：
• builder建造者模式：
• prototype原型模式：

结构型模式：类和对象组合，形成更大结构

• adapter适配模式
• bridge桥接模式
• composite组合模式
• decorator装饰器模式
• facade外观模式
• flyweight享元模式
• proxy代理模式

行为型模式：对象间通行，关注的是对象间责任分配

• chain of responsibility 责任链模式
• command 命令模式
• interpreter 解释器模式
• iterator 迭代器模式
• mediator 中介者模式
• memento 备忘录模式
• observer 观察者模式
• state 状态模式
• strategy 策略模式
• template method 模版方法模式
• visitor 访问者模式

solid

• 单一职责原则 Single Responsibility Principle
• 开放封闭原则 Open-Closed Principle
  • 基本定义是软件中的对象（类，模块，函数等）应该对于扩展是开放的，但是对于修改是封闭的。
• 里氏替换 Liskov Substitution Principle
  • 一个对象在其出现的任何地方，都可以用子类实例做替换，并且不会导致程序的错误
• 接口隔离 Interface Segregation Principle
• 依赖倒置原则 Dependency Inversion Principle
  • 高层模块不应该依赖低层模块，应该共同依赖抽象；
  • 抽象不应该依赖细节，细节应该依赖抽象

[MJingv]

设计模式有什么用

• 代码重用和共享，eg.单例模式（全局访问）
• 提高代码可读性，eg.工厂模式、观察者模式、策略模式、命令模式
• 代码可维护性，eg.工厂模式
• 提高效率，builder分离创建和表示
• 降低风险，策略模式

[MJingv]

策略模式

封装，可以相互替代

react中

• 渲染策略，可用csr和ssr
• react状态管理，可用redux、mobx
• 组件，可用函数组件、类组件、hoc等

工厂模式factory

定义创建对象的接口，让子类决定实例化哪个类

react中

• createElement 接受class或function和属性、子组件，返回一个react元素

单例模式singleton

只有一个全局点

react中

• redux，所有state都存在单一的、只读的状态树里

装饰器模式

运行时动态给对象添加额外的指责，不需要改变原结构 react中

• hoc复用组件的高级技巧，接受组件返回新组件 mobx中
• 装饰器用于创建observable和action