现代 JavaScript 模式
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/modern-javascript-patterns。
技能介绍
你在解决什么问题
遗留代码里满是 var、嵌套回调和难以测试的副作用,新特性(解构、async/await、模块)散落在各处却缺少统一写法。异步从回调迁到 Promise 时容易漏错误处理;数据转换若写成层层 map/filter 嵌套,可读性和性能都难兼顾。本技能面向把 JavaScript 写成 ES6+ 可维护形态这一具体目标,而不是泛泛讲语法清单。
技能如何协助你
使用时会先明确目标、约束与所需输入,再按场景套用对应模式并给出可执行步骤与验证方式。覆盖方向包括:
- 将遗留 JavaScript 重构为现代语法(模块、箭头函数、解构、可选链等)
- 实现函数式编程模式(纯函数、不可变数据思路、组合式数据变换)
- 异步:从回调迁移到 Promise /
async-await,并理清错误与并发边界 - 构建数据转换流水线,避免 imperative 泥球
- 在可读性与性能之间做有依据的取舍(而非盲目微优化)
需要更完整的模式对照与示例时,会引导查阅 resources/implementation-playbook.md 中的实现手册。
适用边界
任务与现代 JavaScript 模式无关(例如纯 CSS、后端框架选型、与非 JS 工具链深度绑定的问题)时,不应硬套本技能。若问题依赖本范围之外的领域或专用工具,应改用更匹配的技能或文档。
使用场景
- 维护多年未动的前端模块,需要把 `var` 与回调链改成 ES6+ 语法并保留行为一致
- 接口返回嵌套 JSON,要用解构与 `map`/`filter` 组合成页面所需结构而不写多层循环
- 老项目仍用回调处理请求,要设计 Promise 或 `async/await` 迁移路径并补齐错误处理
- 列表渲染卡顿,需要在不改变业务语义的前提下梳理热点路径并应用常见 JS 性能写法
适合人员
- 负责偿还技术债的前端工程师,要把 jQuery 时代脚本逐步改成模块化现代写法
- 全栈开发者,在 Node 或浏览器里写数据清洗脚本,希望用纯函数与流水线降低 bug 面
- 维护内部运营工具的同事,脚本里异步逻辑混乱,需要统一 async 模式便于同事接手
- 做 Code Review 的 Tech Lead,希望团队对 ES6+ 与函数式惯用法有一致的可执行标准