关于 modern-javascript-patterns
涵盖现代 JavaScript 语法与实践的技能，内容包括函数式模式和异步代码，适用于维护、重构及构建 Web 应用的开发者。
主要功能
- 01使用现代 ES6+ 语法
- 02应用函数式编程模式
- 03处理 Promise 与 async/await
- 04使用模块组织代码
适用场景
- 01更新旧版 JavaScript 代码
- 02将回调重构为 async/await
- 03构建数据转换流水线
- 04提升代码可读性与性能
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/modern-javascript-patterns确认已加载。
附带文件references/advanced-patterns.mdreferences/details.md
详细介绍
现代 JavaScript 模式
全面指南，助你掌握现代 JavaScript（ES6+）特性、函数式编程模式，以及编写简洁、可维护且高性能代码的最佳实践。
何时使用本技能
- 将遗留 JavaScript 重构为现代语法
- 实现函数式编程模式
- 优化 JavaScript 性能
- 编写可维护且可读的代码
- 处理异步操作
- 构建现代 Web 应用
- 从回调迁移到 Promise/async-await
- 实现数据转换管道
详细模式与示例
详细的模式文档位于 references/details.md。当上述导航层级不够用时，请阅读该文件。
最佳实践
- 默认使用 const：仅在需要重新赋值时使用 let
- 优先使用箭头函数：尤其是在回调中
- 使用模板字面量：代替字符串拼接
- 解构对象和数组：让代码更简洁
- 使用 async/await：代替 Promise 链
- 避免修改数据：使用展开运算符和数组方法
- 使用可选链：防止出现 “Cannot read property of undefined”
- 使用空值合并：用于默认值
- 优先使用数组方法：代替传统循环
- 使用模块：实现更好的代码组织
- 编写纯函数：更易于测试和推理
- 使用有意义的变量名：让代码自文档化
- 保持函数小巧：遵循单一职责原则
- 正确处理错误：在 async/await 中使用 try/catch
- 使用严格模式：用
'use strict'更好地捕获错误
关于常见陷阱（this 绑定、Promise 反模式、内存泄漏），请参阅 references/advanced-patterns.md。
评论
支持 Markdown