用途
该技能用于在前端项目中落实和审查正确的错误处理。未处理的错误会导致应用崩溃、用户体验变差,并且在没有足够上下文的情况下难以调试。它面向脚本、客户端组件、打包产物以及浏览器运行时执行路径,帮助识别与错误处理相关的实现问题。
主要能力
技能围绕错误处理规则提供以下能力:
- 快速参考:列出核心要点,包括将异步操作包裹在 try-catch 块中、在 React 中使用 Error Boundaries 处理 UI 层错误、记录带上下文的错误以便调试,以及始终重新抛出或处理错误,绝不静默吞掉错误。
- 检查:审查代码中的错误处理,确保异步操作使用 try-catch,并且错误被正确记录。
- 修复:为异步操作添加 try-catch 块,并为 React 组件实现错误边界。
- 解释:说明 JavaScript 错误处理最佳实践,包括 try-catch、Promise rejection 和错误边界。
- 代码审查:审查与错误处理相关的脚本、客户端组件和浏览器执行路径,标记违反规则的精确导入、事件处理器、运行时副作用或阻塞操作,并说明应如何在浏览器中验证修改。
使用方式
该技能以规则形式提供,可通过检查、修复、解释和代码审查等模式使用。完整实现细节、代码示例和框架相关指导参见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/javascript/error-handling。
适用场景
适用于前端开发过程中对 JavaScript 错误处理进行审查和改进,尤其是涉及异步操作、React 组件错误边界、错误日志记录以及浏览器运行时行为的场景。
限制
资料未提供该技能的具体安装命令、依赖要求、支持的框架版本范围或收费信息,这些内容暂未提供。