SKILL.md
readonly只读
name
modern-javascript-patterns
description
掌握 ES6+ 特性,包括 async/await、解构、展开运算符、箭头函数、Promise、模块、迭代器、生成器以及函数式编程模式,编写简洁高效的 JavaScript 代码。适用于重构遗留代码、实现现代模式或优化 JavaScript 应用。
现代 JavaScript 模式
全面指南,掌握现代 JavaScript(ES6+)特性、函数式编程模式以及编写简洁、可维护、高性能代码的最佳实践。
何时使用此技能
- 将遗留 JavaScript 重构为现代语法
- 实现函数式编程模式
- 优化 JavaScript 性能
- 编写可维护且可读的代码
- 处理异步操作
- 构建现代 Web 应用
- 从回调迁移到 Promise/async-await
- 实现数据转换管道
详细模式与示例
详细的模式文档位于 references/details.md。当上述导航层级不足时,请阅读该文件。
最佳实践
- 默认使用 const:仅在需要重新赋值时使用 let
- 优先使用箭头函数:尤其用于回调
- 使用模板字面量:替代字符串拼接
- 解构对象和数组:使代码更简洁
- 使用 async/await:替代 Promise 链
- 避免修改数据:使用展开运算符和数组方法
- 使用可选链:防止“无法读取 undefined 的属性”
- 使用空值合并:用于默认值
- 优先使用数组方法:替代传统循环
- 使用模块:更好地组织代码
- 编写纯函数:更易于测试和推理
- 使用有意义的变量名:自文档化代码
- 保持函数短小:单一职责原则
- 正确处理错误:在 async/await 中使用 try/catch
- 使用严格模式:
'use strict'以更好地捕获错误
关于常见陷阱(this 绑定、Promise 反模式、内存泄漏),请参阅 references/advanced-patterns.md。






