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 拒絕問題，需要專業的除錯策略。
跨平台相容性
團隊建構瀏覽器應用程式時，需要 polyfills、打包優化和跨瀏覽器相容性的指導。
جرّب هذه الموجهات
將此傳統 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
- 切勿忽略 Promise 拒絕，省略 catch 處理器或 .catch() 區塊