JavaScript设计模式分为创建型、结构型和行为型三类：创建型解决对象创建问题（如工厂、单例、构造器等），结构型关注对象组合关系（如装饰器、代理、适配器等），行为型处理对象协作逻辑（如观察者、策略、命令等）。
JavaScript设计模式主要分为三类：创建型、结构型和行为型。这三类覆盖了对象生命周期管理、对象关系组织以及对象间协作通信的核心场景。
创建型模式：专注对象怎么来
解决“如何创建对象”的问题，把实例化逻辑从使用代码中抽离出来，提升灵活性和可维护性。
- 工厂模式：用统一函数或类根据参数返回不同对象，比如按角色生成 Admin/Guest 用户；
- 单例模式：确保全局只有一个实例，常用于日志器、配置管理、状态仓库（如 Redux Store）；
- 构造器模式：通过构造函数配合 new 创建对象，是 JS 最基础的对象生成方式；
- 建造者模式：适合构建属性多、步骤复杂的对象，分步设置再最终组装；
- 原型模式：利用 Object.create() 或 __proto__ 克隆已有对象，节省内存且高效复用。
结构型模式：专注对象怎么搭
关注对象或类之间的组合关系，让系统更灵活、更易扩展，不改变原有结构就能增强功能。
Antd Vue Components
下载
学习并查找 ant-design-vue（Vue 3）组件的使用方式，包括变体、运行示例、Vue 3 SFC 代码以及关键 props/events/slots。当用户询问如何使用 ant-design-vue 时使用。
- 装饰器模式：在运行时动态添加行为，比如给函数加日志、缓存或权限校验；
- 代理模式：为真实对象提供一层中间控制，常见于懒加载、访问拦截、虚拟列表；
- 适配器模式：让接口不兼容的模块能协同工作，比如包装第三方 SDK 以匹配内部 API 规范；
- 模块模式：用闭包封装私有变量和方法，只暴露必要接口，避免污染全局作用域。
行为型模式：专注对象怎么动
处理对象之间的职责分配与交互逻辑，让变化的部分更容易隔离和替换。
立即学习“Java免费学习笔记（深入）”；
- 观察者模式（发布-订阅）：实现松耦合通信，Vue 响应式、事件总线、状态更新通知都依赖它；
- 策略模式：把算法抽象成独立策略类，运行时按需切换，比如不同支付方式或验证规则；
- 命令模式：把请求封装成对象，支持撤销、重做、队列执行，典型用于编辑器操作；
- 状态模式：对象行为随内部状态改变而切换，比如订单从“待付款”到“已发货”的流程控制；
- 迭代器模式：提供统一接口遍历不同数据结构，ES6 的 Symbol.iterator 就是原生实现。
实际项目中不需要全用，选对场景比套模式更重要。比如小工具用模块模式就够了，大型应用才需要策略+观察者+代理组合发力。
