المهارات javascript-mastery
📦

javascript-mastery

آمن

Maîtrisez JavaScript avec ce guide de référence complet

Apprenez les fondamentaux et concepts avancés de JavaScript dans une référence complète. Des types primitifs aux modèles asynchrones, obtenez des explications claires avec des exemples de code pratiques.

يدعم: Claude Codex Code(CC)
🥉 73 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "javascript-mastery". Explain how closures work in JavaScript

النتيجة المتوقعة:

Une closure est une fonction qui se souvient de son contexte lexical même lorsqu'elle est exécutée en dehors de ce contexte. Exemple : Une fonction compteur qui maintient une variable privée count à travers plusieurs appels, l'incrémentant chaque fois que la fonction retournée est invoquée.

استخدام "javascript-mastery". What is the output: console.log(1); setTimeout(() => console.log(2), 0); Promise.resolve().then(() => console.log(3)); console.log(4);

النتيجة المتوقعة:

Sortie : 1, 4, 3, 2. Explication : Le code synchrone s'exécute en premier (1, 4), puis les micro-tâches comme les callbacks Promise (3), puis les macro-tâches comme setTimeout (2).

التدقيق الأمني

آمن
v1 • 2/25/2026

This skill is a JavaScript educational reference document containing code examples for learning purposes. Static analysis flagged 89 patterns (template literals, fetch examples, documentation URLs) that are false positives - all are JavaScript syntax examples in markdown, not executable code. No security risks detected. Safe for publication.

1
الملفات التي تم فحصها
648
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
87
الامتثال للمواصفات

ماذا يمكنك بناءه

Apprendre les fondamentaux de JavaScript

Les débutants peuvent utiliser cette compétence pour comprendre les concepts clés de JavaScript avec des exemples et explications clairs.

Déboguer des comportements délicats

Les développeurs expérimentés peuvent se référer à cette compétence lorsqu'ils rencontrent des comportements JavaScript inattendus comme la coercion de type ou les problèmes de liaison de this.

Enseignement et revue de code

Les éducateurs et chefs d'équipe peuvent utiliser cette compétence pour expliquer les concepts JavaScript pendant les sessions d'enseignement ou les revues de code.

جرّب هذه الموجهات

Expliquer un concept JavaScript
Explain how JavaScript closures work with a simple example.
Comparer les fonctionnalités JavaScript
What is the difference between == and === in JavaScript? Show examples of when each should be used.
Déboguer un comportement JavaScript
Why does this code output undefined instead of the expected value? Explain the scope rules involved.
Modèles asynchrones avancés
Show me how to handle multiple async operations in JavaScript. Compare Promise.all, Promise.race, and sequential await with examples.

أفضل الممارسات

  • Utiliser l'égalité stricte (===) au lieu de l'égalité large (==) pour éviter les bugs de coercion de type
  • Préférer let et const à var pour les variables de portée de bloc et éviter les problèmes de hoisting
  • Utiliser async/await pour un code asynchrone plus clair au lieu de callbacks imbriqués ou de chaînes de promesses

تجنب

  • Utiliser var qui a une portée fonctionnelle et peut mener à une confusion avec le hoisting
  • Callback hell - imbriquer plusieurs callbacks au lieu d'utiliser des Promises ou async/await
  • Modifier des objets déclarés avec const, ce qui peut causer des mutations inattendues

الأسئلة المتكررة

Quelle est la différence entre null et undefined ?
undefined signifie qu'une variable a été déclarée mais n'a pas reçu de valeur. null est une assignation intentionnelle représentant l'absence de valeur. typeof undefined est 'undefined', tandis que typeof null est 'object' (un bug historique).
Pourquoi utiliser des fonctions fléchées au lieu de fonctions classiques ?
Les fonctions fléchées offrent une syntaxe plus courte et lient lexicalement la valeur de this, les rendant idéales pour les callbacks et méthodes qui ne doivent pas rebind this. Elles ne peuvent pas être utilisées comme constructeurs.
Que fait l'opérateur spread (...) ?
L'opérateur spread étend un itérable (tableau ou objet) en éléments individuels. Il est utilisé pour copier des tableaux/objets, fusionner des collections, ou passer des éléments de tableau comme arguments de fonction.
Comment fonctionne la boucle d'événements en JavaScript ?
JavaScript exécute d'abord le code synchrone, puis traite toutes les micro-tâches (Promises), puis les macro-tâches (setTimeout, setInterval). Cet ordre explique pourquoi les callbacks Promise s'exécutent avant setTimeout même avec un délai zéro.
Quelle est la différence entre map, filter et reduce ?
map transforme chaque élément et retourne un nouveau tableau. filter garde les éléments correspondant à une condition. reduce accumule tous les éléments en une seule valeur. Ces trois fonctions sont pures et ne mutent pas le tableau original.
Quand dois-je utiliser le chaînage optionnel (?.) et le coalescent nul (??) ?
Utilisez le chaînage optionnel pour accéder en toute sécurité aux propriétés imbriquées sans erreurs si les valeurs intermédiaires sont null ou undefined. Utilisez le coalescent nul pour fournir des valeurs par défaut uniquement quand une valeur est null ou undefined, pas pour toutes les valeurs falsy comme 0 ou les chaînes vides.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

مرجع

main

بنية الملفات

📄 SKILL.md