Fähigkeiten javascript-mastery
📦

javascript-mastery

Sicher

Meistern Sie JavaScript mit diesem umfassenden Nachschlagewerk

Lernen Sie JavaScript-Grundlagen und fortgeschrittene Konzepte in einem umfassenden Nachschlagewerk. Von Primitiven bis zu asynchronen Mustern – erhalten Sie klare Erklärungen mit praktischen Code-Beispielen.

Unterstützt: Claude Codex Code(CC)
🥉 73 Bronze
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "javascript-mastery". Erklären Sie, wie Closures in JavaScript funktionieren

Erwartetes Ergebnis:

Ein Closure ist eine Funktion, die sich an ihren lexikalischen Scope erinnert, selbst wenn sie außerhalb dieses Scopes ausgeführt wird. Beispiel: Eine Zähler-Funktion, die eine private Zählvariable über mehrere Aufrufe hinweg beibehält und bei jedem Aufruf der zurückgegebenen Funktion erhöht.

Verwendung von "javascript-mastery". Was ist die Ausgabe: console.log(1); setTimeout(() => console.log(2), 0); Promise.resolve().then(() => console.log(3)); console.log(4);

Erwartetes Ergebnis:

Ausgabe: 1, 4, 3, 2. Erklärung: Synchroner Code wird zuerst ausgeführt (1, 4), dann Microtasks wie Promise-Callbacks (3), dann Macrotasks wie setTimeout (2).

Sicherheitsaudit

Sicher
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
Gescannte Dateien
648
Analysierte Zeilen
0
befunde
1
Gesamtzahl Audits
Keine Sicherheitsprobleme gefunden
Auditiert von: claude

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
87
Inhalt
50
Community
100
Sicherheit
87
Spezifikationskonformität

Was du bauen kannst

JavaScript-Grundlagen lernen

Anfänger können diese Fähigkeit nutzen, um grundlegende JavaScript-Konzepte mit klaren Beispielen und Erklärungen zu verstehen.

Kniffliges Verhalten debuggen

Erfahrene Entwickler können auf diese Fähigkeit zurückgreifen, wenn sie auf unerwartetes JavaScript-Verhalten stoßen, wie Typ-Koerzions- oder this-Binding-Probleme.

Unterrichten und Code-Review

Pädagogen und Teamleiter können diese Fähigkeit nutzen, um JavaScript-Konzepte während Unterrichtssitzungen oder Code-Reviews zu erklären.

Probiere diese Prompts

Ein JavaScript-Konzept erklären 
Erklären Sie, wie JavaScript-Closures mit einem einfachen Beispiel funktionieren.
JavaScript-Features vergleichen 
Was ist der Unterschied zwischen == und === in JavaScript? Zeigen Sie Beispiele, wann jeweils welches verwendet werden sollte.
JavaScript-Verhalten debuggen 
Warum gibt dieser Code undefined statt des erwarteten Werts aus? Erklären Sie die beteiligten Scope-Regeln.
Fortgeschrittene Async-Muster 
Zeigen Sie mir, wie man mehrere asynchrone Operationen in JavaScript handhabt. Vergleichen Sie Promise.all, Promise.race und sequentielles await mit Beispielen.

Bewährte Verfahren

  • Verwenden Sie strikte Gleichheit (===) anstelle von loser Gleichheit (==), um Typ-Koerzions-Fehler zu vermeiden
  • Bevorzugen Sie let und const gegenüber var für block-scoped Variablen und um Hoisting-Probleme zu vermeiden
  • Verwenden Sie async/await für klareren asynchronen Code anstelle von verschachtelten Callbacks oder Promise-Ketten

Vermeiden

  • Verwendung von var, das function-scoped ist und zu Hoisting-Verwirrung führen kann
  • Callback-Hölle – Verschachteln mehrerer Callbacks anstelle der Verwendung von Promises oder async/await
  • Modifizieren von Objekten, die mit const deklariert wurden, was zu unerwarteten Mutationen führen kann

Häufig gestellte Fragen

Was ist der Unterschied zwischen null und undefined?
undefined bedeutet, dass eine Variable deklariert, aber nicht zugewiesen wurde. null ist eine bewusste Zuweisung, die keinen Wert darstellt. typeof undefined ist 'undefined', während typeof null 'object' ist (ein historischer Fehler).
Warum sollte man Pfeilfunktionen anstelle regulärer Funktionen verwenden?
Pfeilfunktionen bieten eine kürzere Syntax und binden den this-Wert lexikalisch, was sie ideal für Callbacks und Methoden macht, die this nicht neu binden sollten. Sie können nicht als Konstruktoren verwendet werden.
Was macht der Spread-Operator (...)?
Der Spread-Operator erweitert ein iterierbares Objekt (Array oder Objekt) in einzelne Elemente. Er wird zum Kopieren von Arrays/Objekten, zum Zusammenführen von Collections oder zum Übergeben von Array-Elementen als Funktionsargumente verwendet.
Wie funktioniert die Event-Loop in JavaScript?
JavaScript führt synchronen Code zuerst aus, verarbeitet dann alle Microtasks (Promises), dann Macrotasks (setTimeout, setInterval). Diese Reihenfolge erklärt, warum Promise-Callbacks vor setTimeout ausgeführt werden, selbst bei null Verzögerung.
Was ist der Unterschied zwischen map, filter und reduce?
map transformiert jedes Element und gibt ein neues Array zurück. filter behält Elemente, die eine Bedingung erfüllen. reduce akkumuliert alle Elemente zu einem einzelnen Wert. Alle drei sind reine Funktionen, die das ursprüngliche Array nicht mutieren.
Wann sollte ich optionales Chaining (?.) und Nullish-Coalescing (??) verwenden?
Verwenden Sie optionales Chaining, um sicher auf verschachtelte Eigenschaften zuzugreifen, ohne Fehler, wenn Zwischenwerte null oder undefined sind. Verwenden Sie Nullish-Coalescing, um Standardwerte nur bereitzustellen, wenn ein Wert null oder undefined ist, nicht für alle falsy-Werte wie 0 oder leere Strings.

Entwicklerdetails

Autor

sickn33

Lizenz

MIT

Repository

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/javascript-mastery

Ref

main

Dateistruktur

📄 SKILL.md