设计 原则

Posted 2022-01-06 沿着路走到底

何为设计

按照哪一种思路或者标准来实现功能

功能相同，可以有不同设计方案来实现

伴随着需求增加，设计的作用才能体现出来

设计准则

- 准则1：小即是美

- 准则2：让每个程序只做好一件事

- 准则3：快速建立原型

- 准则4：舍弃高效率而取可移植性

- 准则5：采用纯文本来存储数据

- 准则6：充分利用软件的杠杆效应（软件复用）

- 准则7：使用 shell 脚本来提高杠杆效应和可移植性

- 准则8：避免强制性的用户界面

- 准则9：让每个程序都称为过滤器

- 十条小准则

    - 允许用户定制环境

    - 尽量使操作系统内核小而轻量化

    - 使用小写字母并尽量简短

    - 保护树木

    - 沉默是金

    - 并行思考

    - 各部分之和大于整体

    - 寻求 90% 的解决方案

    - 更坏就是更好

    - 层次化思考

S O L I D 五大设计原则

S  - 单一职责原则

O - 开放封闭原则

L  - 李氏置换原则

I   - 接口独立原则

D - 依赖导致原则

单一职责原则

一个程序只做好一件事

如果功能过于复杂就拆分开，每个部分保持独立

开放封闭原则

对扩展开放，对修改封闭

增加需求时，扩展新代码，而非修改已有代码

这是软件设计的终极目标

李氏置换原则

子类能覆盖父类

父类能出现的地方子类就能出现

JS 中子类继承父类的场景较少，又不是强类型语言，因此体现较少。

接口隔离原则

保持接口的单一独立，避免出现“胖接口”

JS中没有接口（typescript例外），使用较少

类似于单一职责原则，这里更关注接口

依赖倒置原则

面向接口编程，依赖于抽象而不依赖于具体

使用方只关注接口而不关注具体类的实现

JS中使用较少（没有接口 & 弱类型）

function loadImg(src) 
    var promise = new Promise(function (resolve, reject) 
        var img = document.createElement('img')
        img.onload = function () 
            resolve(img)
        
        img.onerror = function () 
            reject('图片加载失败')
        
        img.src = src
    )
    return promise


var src = 'https://www.imooc.com/static/img/index/logo_new.png'
var result = loadImg(src)

result.then(function (img) 
    console.log('img.width', img.width)
    return img
).then(function (img) 
    console.log('img.height', img.height)
).catch(function (ex) 
    // 统一捕获异常
    console.log(ex)
)

- 单一职责原则：每个`then`中的逻辑只做好一件事，如果要做多个就用多个`then`

- 开放封闭原则：如果这个需求要修改，那去扩展`then`即可，现有的逻辑不用修改，即对扩展开放、对修改封闭

这里引申两点：

- 其实 S 和 O 是相符现成的，相互依赖

- 开放封闭原则的好处不止于此，从整个软件开发流程看，减少现有逻辑的更改，也会减少测试的成本

23种设计模式

创建型

对象该怎么去创建生成出来

组合型

有时候单靠一个类不能完成既定需求，需要通过组合的形式

行为型

涵盖了日常开发中常见的行为

创建型模式

    - **工厂模式**（工厂方法模式，抽象工厂模式，建造者模式）

    - **单例模式**

    - 原型模式

结构型模式

    - **适配器模式**

    - **装饰器模式**

    - **代理模式**

    - **外观模式**

    - 桥接模式

    - 组合模式

    - 享元模式

行为型模式

    - 策略模式

    - 模板方法模式

    - **观察者模式**

    - **迭代器模式**

    - 职责连模式

    - 命令模式

    - 备忘录模式

    - **状态模式**

    - 访问者模式

    - 中介者模式

    - 解释器模式

1