javascript-pro
Maîtriser le développement JavaScript moderne
Vous avez du mal avec les modèles asynchrones ou la syntaxe JavaScript moderne ? Cette compétence fournit des conseils experts sur ES6+, les promises, async/await, les boucles d'événements et la compatibilité multi-environnements pour le développement Node.js et navigateur.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "javascript-pro". Convertir ce code basé sur les callbacks en async/await
النتيجة المتوقعة:
Code refactorisé utilisant async/await avec une gestion des erreurs appropriée et une structure de fonction plus propre
استخدام "javascript-pro". Pourquoi ma promise se bloque-t-elle ?
النتيجة المتوقعة:
Analyse identifiant un await manquant, une rejection non gérée ou un blocage de la boucle d'événements avec des recommandations de correction spécifiques
استخدام "javascript-pro". Faire fonctionner ce code ES6 dans les navigateurs plus anciens
النتيجة المتوقعة:
Recommandations de polyfill et configuration babel pour le support des navigateurs cibles
التدقيق الأمني
آمن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.
درجة الجودة
ماذا يمكنك بناءه
Migration vers JavaScript moderne
Un développeur doit migrer du code JavaScript hérité vers des standards modernes ES6+ avec des modèles améliorés et une meilleure gestion des erreurs.
Débogage asynchrone
Un ingénieur fait face à des conditions de course ou des problèmes de rejection de promise dans son application Node.js et a besoin de stratégies de débogage expertes.
Compatibilité multi-plateforme
Une équipe construisant des applications navigateur a besoin de conseils sur les polyfills, l'optimisation des bundles et la compatibilité multi-navigateurs.
جرّب هذه الموجهات
Convertir ce code JavaScript hérité en syntaxe ES6+ moderne. Utiliser le destructuring, les fonctions fléchées et const/let de manière appropriée.
Aider à déboguer ce code asynchrone. Il a une condition de course où la promise se résout avant que le gestionnaire d'événements ne se termine.
Profiler ce code JavaScript pour identifier les goulots d'étranglement. Se concentrer sur le blocage de la boucle d'événements et l'utilisation de la mémoire dans Node.js.
Concevoir une stratégie de polyfill pour ce code ES6+. Navigateurs cibles : Chrome 90+, Safari 14+, Firefox 88+.
أفضل الممارسات
- Toujours utiliser async/await au lieu des chaînes de promises pour une meilleure lisibilité et gestion des erreurs
- Gérer les erreurs aux niveaux appropriés avec des blocs try/catch plutôt que par opération
- Considérer l'impact sur la taille du bundle lors de l'utilisation des fonctionnalités modernes dans les environnements navigateur
تجنب
- Éviter de mélanger les callbacks et les promises dans le même chemin de code car cela crée une complexité de gestion des erreurs
- Ne pas utiliser Promise.all() lorsque les opérations doivent se compléter séquentiellement, utiliser plutôt for...of avec await
- Ne jamais ignorer les rejections de promises en omettant les gestionnaires catch ou les blocs .catch()