JavaScript设计模式分为创建型、结构型和行为型三类:创建型解决对象创建问题(如工厂、单例、构造器等),结构型关注对象组合关系(如装饰器、代理、适配器等),行为型处理对象协作逻辑(如观察者、策略、命令等)。

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









