javascript-pro
掌握现代JavaScript开发
在为异步模式或现代JavaScript语法而苦恼?本技能提供ES6+、Promise、async/await、事件循环以及Node.js和浏览器开发跨运行时兼容性的专家指导。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "javascript-pro". 将此基于回调的代码转换为async/await
النتيجة المتوقعة:
使用async/await重构的代码,具有适当的错误处理和更清晰的功能结构
استخدام "javascript-pro". 为什么我的Promise挂起了?
النتيجة المتوقعة:
分析确定缺少await、未处理的拒绝或事件循环阻塞,并提供具体修复建议
استخدام "javascript-pro". 让此ES6代码在旧版浏览器中工作
النتيجة المتوقعة:
针对目标浏览器支持的polyfill建议和Babel配置
التدقيق الأمني
آمنPrompt-only skill with no executable code. Static analysis scanned 0 files (0 lines) and detected 0 security issues. No suspicious patterns, risk factors, or malicious intent found. The skill provides legitimate JavaScript development guidance with no security concerns.
درجة الجودة
ماذا يمكنك بناءه
现代JavaScript迁移
开发人员需要将传统JavaScript代码迁移到现代ES6+标准,并改进模式和更好的错误处理。
异步调试
工程师在Node.js应用程序中遇到竞态条件或Promise拒绝问题,需要专家调试策略。
跨平台兼容性
构建浏览器应用程序的团队需要polyfill、捆绑包优化和跨浏览器兼容性的指导。
جرّب هذه الموجهات
将此传统JavaScript代码转换为现代ES6+语法。适当使用解构、箭头函数和const/let。
帮助调试此异步代码。它存在竞态条件,Promise在事件处理器完成之前就解决了。
分析此JavaScript代码的性能瓶颈。重点关注Node.js中的事件循环阻塞和内存使用。
为此ES6+代码设计polyfill策略。目标浏览器:Chrome 90+、Safari 14+、Firefox 88+。
أفضل الممارسات
- 始终使用async/await而不是Promise链,以获得更好的可读性和错误处理
- 在适当的边界使用try/catch块处理错误,而不是在每个操作中处理
- 在浏览器环境中使用现代特性时考虑捆绑包大小的影响
تجنب
- 避免在相同代码路径中混合回调和Promise,因为这会增加错误处理复杂性
- 当操作必须顺序完成时不要使用Promise.all(),而应使用for...of和await
- 切勿通过省略catch处理器或.catch()块来忽略Promise拒绝