2 GoF 的 23 种设计模式的分类和功能。10 合成复用原则 —— 面向对象设计原则。5 里氏替换原则 —— 面向对象设计原则。6 依赖倒置原则 —— 面向对象设计原则。7 单一职责原则 —— 面向对象设计原则。8接口隔离原则 —— 面向对象设计原则。9 迪米特法则 —— 面向对象设计原则。3 UML 中的类图及类图之间的关系。4 开闭原则 — 面向对象设计原则。1 软件设计模式概述。

目的：把对象实例化逻辑和业务使用代码分离，降低耦合、灵活控制对象创建。适用：创建对象成本高（大数据初始化、资源加载重），深浅拷贝是关键点。例：安卓/ios两套UI控件（按钮+弹窗），一个工厂产出整套控件。创建型设计模式（5种，核心：管控对象创建，隔离new细节）一个产品对应一个工厂，父类定义创建接口，子类实现实例化。适用：对象属性多、构造步骤固定（如复杂报文、电脑组装）。两种：饿汉（类加载初始化）

创建型模式是 GOF 经典五大对象创建方案，核心目标分离对象创建与业务使用，屏蔽 new 直接实例化的硬编码耦合，灵活管控实例生成逻辑，适配单实例、多品类、复杂组装、克隆复用、系列产品等各类开发场景，是后端、前端、客户端工程化开发的基础编码规范。包含 5 大核心模式：单例、工厂方法、抽象工厂、建造者、原型。工厂系列：抽离产品接口，工厂类独立负责实例生成，客户端依赖抽象而非具体类。原型：实现克隆接口

表格分类关注点解决核心问题创建型对象怎么创建控制实例化，降低创建耦合结构型类 / 对象如何组合组装灵活拼接，扩展对象结构行为型对象间通信、算法、流程拆分职责，简化复杂交互逻辑。

按需注册语言可大幅减少包体积（完整包约 300KB+，按需后通常小于 100KB）。：代码超过 5000 行时，可考虑使用 Web Worker 或分片渲染（先显示前 100 行）。// 高亮处理：包裹一层 div.hljs.code-body 便于统一样式。-- 右侧代码列 (rich-text 渲染) -->/* 关键：强制 rich-text 内部的行高与行号列一致 *//* 引入主题样式

在未手动书写类型时，TS 编译器会根据变量初始赋值内容，自动反向推导变量类型，该机制即为类型推导(type inference)。，变量赋值数字0，TS 自动判定counter为number类型，后续赋值字符串会编译报错。开发规范：简单变量依靠类型推导省略类型标注，精简代码；复杂对象、空声明变量建议手动标注静态类型，提升代码可读性；底层优势：编译阶段拦截类型错误，不用等到代码上线运行才暴露 BUG

1.4 TypeScript 语言特性。1.1 TypeScript 的架构。1.3 TypeScript 组件。1.6 变量、基本类型和运算符。1 TypeScript 简介。1.7 流程控制语句。

定义一个创建对象的工厂接口，让子类决定实例化哪个类，将对象创建延迟到子类完成。解耦对象的创建与使用，让代码更易扩展、符合开闭原则（新增功能不修改旧代码）。工厂方法模式是一种创建型设计模式。- 具体工厂（生成对应产品）- 抽象工厂（创建方法）- 具体产品（实现类）- 抽象产品（接口）

以上 7 种结构型模式，除了适配器模式分为类结构型模式和对象结构型模式两种，其他的全部属于对象结构型模式，下面我们会分别、详细地介绍它们的特点、结构与应用。2. 适配器（Adapter）模式：将一个类的接口转换成客户希望的另外一个接口，使得原本由于接口不兼容而不能一起工作的那些类能一起工作。7. 组合（Composite）模式：将对象组合成树状层次结构，使用户对单个对象和组合对象具有一致的访问性。

行为型设计模式关注对象之间的通信和职责分配，定义对象交互的方式，提高系统的灵活性和可维护性。