JavaScript-Dokumentation
Kompakte, beispielorientierte JavaScript-Referenz. Konzept lesen, Code ansehen, dann in einem Coddy-Lernweg üben.
Kurs startenOnline-JavaScript-CompilerErste Schritte
- Was ist JavaScriptWas JavaScript eigentlich ist, wo es läuft, wofür man es braucht und wie es sich von Java und TypeScript unterscheidet – eine bodenständige Einführung für Einsteiger.
- JS ausführenDie praktischen Wege, JavaScript 2026 auszuführen - per Browser-Konsole, über ein Script-Tag im HTML oder mit Node.js im Terminal. Und wann sich welcher Weg lohnt.
- Syntax & SemikolonsWie JavaScript-Syntax wirklich funktioniert – Statements, Blöcke, Ausdrücke – und was es mit Semikolons und der automatischen Semikolon-Einfügung (ASI) auf sich hat.
- Strict ModeWas sich im Strict Mode von JavaScript ändert, wie du ihn aktivierst – und warum moderner Code mit Modulen und Klassen ihn automatisch nutzt.
- KommentareSo funktionieren Kommentare in JavaScript: `//` für einzelne Zeilen, `/* */` für Blöcke – plus ein paar Gewohnheiten, damit deine Kommentare wirklich weiterhelfen statt nur Lärm zu sein.
Variablen & Typen
- let, const, varDrei Wege, in JavaScript eine Variable zu deklarieren – und warum modernes Code standardmäßig `const` nimmt, `let` nur bei Bedarf und `var` eigentlich gar nicht mehr.
- Primitive TypenDie sieben primitiven Datentypen in JavaScript - string, number, bigint, boolean, null, undefined und symbol - und worin sie sich von Objekten unterscheiden.
- Strings & TemplatesStrings in JavaScript von A bis Z: Anführungszeichen, Backticks, Template Literals, mehrzeilige Texte und die Methoden, die du im Alltag wirklich brauchst.
- Numbers & BigIntWie der Number-Typ in JavaScript wirklich funktioniert - Floating-Point-Probleme, MAX_SAFE_INTEGER und wann du besser zu BigInt greifst.
- null vs undefinedWas null und undefined in JavaScript wirklich unterscheidet, wie du sauber auf beide prüfst und wann du welchen Wert tatsächlich selbst setzen solltest.
- Type CoercionWie JavaScript Werte zwischen Typen umwandelt – die impliziten Regeln, die für Verwirrung sorgen, die expliziten Konvertierungen, die du bevorzugen solltest, und wann beides greift.
- GleichheitsoperatorenWie Gleichheit in JavaScript wirklich funktioniert – strikt oder locker, die Tücken von ==, das Verhalten von NaN und Objekten, und wann Object.is die richtige Wahl ist.
Kontrollfluss
- OperatorenAlle Operatoren in JavaScript auf einen Blick: rechnen, vergleichen, Booleans verknüpfen und zuweisen – inklusive der Stolperfallen, die dich in der Praxis wirklich erwischen.
- if / elseSo funktioniert if/else in JavaScript: Bedingungen schreiben, else-if-Ketten bauen, Truthy/Falsy-Fallen umgehen und wann der Ternary-Operator die bessere Wahl ist.
- SwitchWie das switch-Statement in JavaScript funktioniert – case, break, default, Fallthrough und wann switch sinnvoller ist als eine if/else-Kette.
- for-SchleifeWie die klassische `for`-Schleife in JavaScript funktioniert: der dreiteilige Kopf, Arrays durchlaufen, `break` und `continue`, verschachtelte Schleifen und typische Stolperfallen.
- while-SchleifeSo funktionieren `while` und `do...while` in JavaScript – wann sie besser passen als eine `for`-Schleife und wie du Endlosschleifen zuverlässig vermeidest.
- for...of & for...infor...of oder for...in? Werte oder Keys, Arrays oder Objekte – wir klären, welche Schleife wann in JavaScript wirklich passt.
- Truthy & FalsyWelche Werte in JavaScript als truthy oder falsy gelten, die vollständige Liste aller falsy-Werte und wie die Boolean-Coercion in echtem Code funktioniert.
Iteration
- Iteratoren & GeneratorenWie das Iterator-Protokoll in JavaScript funktioniert, wie du eigene Objekte iterierbar machst und warum Generator-Funktionen dir dabei jede Menge Arbeit abnehmen.
- SymbolsWas Symbols in JavaScript sind, wozu es sie überhaupt gibt und wie Well-Known Symbols wie Symbol.iterator eigene Objekte an Sprachfeatures andocken.
Funktionen
- FunktionsdeklarationSo deklarierst du Funktionen in JavaScript: das function-Keyword, Parameter, Rückgabewerte, Hoisting – und wann sich eine Deklaration statt eines Ausdrucks lohnt.
- Arrow FunctionsSo funktionieren Arrow Functions in JavaScript: die `=>`-Syntax, implizite Returns, der Umgang mit `this` – und wann eine klassische `function` trotzdem die bessere Wahl ist.
- Default-ParameterWie Parameter in JavaScript wirklich funktionieren: Default-Werte setzen, wann undefined greift, Auswertungsreihenfolge und der Unterschied zwischen Parametern und Argumenten.
- Rest & SpreadWie der `...`-Operator in JavaScript wirklich funktioniert: Argumente mit Rest-Parametern einsammeln, Arrays und Objekte per Spread entpacken – und wann du was brauchst.
- ClosuresEine Closure ist eine Funktion, die sich ihre umliegenden Variablen merkt. So funktionieren Closures in JavaScript – inklusive lauffähiger Beispiele.
- this-KeywordWie `this` in JavaScript wirklich funktioniert – die vier Bindungsregeln, warum Arrow Functions eine Ausnahme sind und wie du den Klassiker 'this is undefined' sicher umgehst.
- Higher-Order FunctionsHigher-Order Functions in JavaScript verständlich erklärt: Funktionen als Argumente übergeben, aus Funktionen zurückgeben und die Klassiker map, filter und reduce im Alltag einsetzen.
Objekte & Arrays
- ObjekteWie JavaScript-Objekte wirklich funktionieren: anlegen, Properties lesen und schreiben, Methoden ergänzen – und die Muster, die deinen Code lesbar halten.
- ArraysWie Arrays in JavaScript wirklich funktionieren: anlegen, indizieren, length, push/pop, slice vs. splice und welche Schleifen sich am saubersten lesen.
- DestructuringSo funktioniert Destructuring in JavaScript: Werte aus Objekten und Arrays entpacken, umbenennen, Defaults setzen, verschachtelte Muster und Funktionsparameter.
- Object SpreadWie der Spread-Operator bei Objekten in JavaScript wirklich funktioniert – Klonen, Mergen, Properties überschreiben und die typische Shallow-Copy-Falle.
- Array-MethodenDie Array-Methoden, die dir die meisten for-Schleifen ersparen – map, filter, reduce, find, some, every – und welche davon das Original verändern oder ein neues Array zurückgeben.
- Map & SetWie Map und Set in JavaScript funktionieren, worin sie sich von Objekten und Arrays unterscheiden – und wann sich der Griff dazu wirklich auszahlt.
- JSONJavaScript-Objekte in JSON umwandeln und wieder zurück – mit JSON.stringify, JSON.parse, den Hooks replacer und reviver sowie allen Stolperfallen, die beim Round-Trip auffallen.
- Optional ChainingMit dem `?.`-Operator greifst du sicher auf verschachtelte Objekte, Arrays und Methoden zu – ohne dass dir `null` oder `undefined` den Code um die Ohren fliegt.
- Nullish CoalescingWie der `??`-Operator nur dann einen Default setzt, wenn ein Wert wirklich `null` oder `undefined` ist – und warum das in der Praxis oft sauberer ist als `||`.
Klassen & Prototypen
- KlassenWie Klassen in JavaScript wirklich funktionieren - Konstruktor, Methoden, Instanzfelder, Getter und Setter sowie das mentale Modell hinter dem `class`-Keyword.
- VererbungSo funktioniert Vererbung in JavaScript-Klassen: extends, super, Methoden überschreiben – und wann Komposition die bessere Wahl ist.
- Static MembersWie statische Methoden und Properties in JavaScript-Klassen funktionieren – wann du sie brauchst, wie sich `this` verhält und welches Factory-Pattern dahintersteckt.
- Private FieldsWie das `#`-Präfix Felder und Methoden in JavaScript-Klassen wirklich privat macht – Syntax, Regeln und warum die Underscore-Konvention einfach nicht reicht.
- PrototypesWas Prototypes in JavaScript wirklich sind, wie die Prototype Chain beim Property-Lookup funktioniert und wie `class` intern auf denselben Mechanismus abgebildet wird.
Asynchrones JavaScript
- Event LoopDas mentale Modell hinter asynchronem JavaScript: Call Stack, Task Queue, Microtask Queue - und wie der Event Loop das Ganze orchestriert.
- CallbacksWie Callbacks in JavaScript funktionieren: Funktionen als Argumente übergeben, das Error-First-Pattern und warum verschachtelte Callbacks die Community zu Promises getrieben haben.
- PromisesSo funktionieren Promises in JavaScript: die drei Zustände, Chaining mit then und catch, paralleles Abarbeiten mit Promise.all und eigene Promises mit new Promise schreiben.
- async/awaitWie async/await in JavaScript wirklich funktioniert: async-Funktionen, Promises mit await abwarten, Fehler mit try/catch abfangen und Tasks parallel ausführen.
- Fetch APISo nutzt du die Fetch API in JavaScript richtig: GET- und POST-Requests absetzen, JSON parsen, Fehler sauber behandeln und hängende Requests per AbortController abbrechen.
- Async ErrorsWie Fehler in asynchronem JavaScript wirklich fließen – try/catch mit async/await, .catch bei Promises und die Fallen, in denen Fehler lautlos verschwinden.
Module & Tools
- ES ModulesSo funktionieren ES Modules in JavaScript: named und default exports, import-Syntax, dynamisches import() und worin sich Module von klassischen Scripts unterscheiden.
- CommonJS vs ESMJavaScript bringt zwei Modulsysteme mit. Warum es beide gibt und wann du in Node-Projekten zu require oder import greifen solltest.
- npm GrundlagenWie npm wirklich funktioniert – Pakete installieren, init, devDependencies, Updates und das Mentalmodell hinter node_modules und der Lockfile.
- package.jsonWas steckt wirklich in der package.json? Die wichtigsten Felder, wie Scripts funktionieren und was die Semver-Zeichen ^ und ~ bei der Installation bewirken.
- Node.js RuntimeWas die Node.js Runtime eigentlich ist, wie sie sich vom Browser unterscheidet und welche Kern-APIs - Globals, Module, process, fs - serverseitiges JavaScript möglich machen.
Fehler & Debugging
- try/catchWie try/catch/finally in JavaScript wirklich funktioniert: Fehler abfangen, das Error-Objekt nutzen, Fehler weiterwerfen – und wann try/catch die falsche Wahl ist.
- FehlertypenDie eingebauten Fehlertypen in JavaScript - was sie bedeuten, wann sie auftauchen und wie du die Meldung richtig liest, ohne zu raten.
- Console & DevToolsDie Console-Methoden und DevTools-Features, mit denen du JavaScript schneller debuggst, als überall console.log zu verteilen.
Mit echten Daten arbeiten
- RegexReguläre Ausdrücke in JavaScript verständlich erklärt: Pattern anlegen, die wichtigsten Methoden test, match und replace, die Flags – und wie Capture Groups wirklich funktionieren.
- Date & UhrzeitWie das Date-Objekt in JavaScript wirklich funktioniert: Datumsangaben erzeugen, formatieren, rechnen, mit Zeitzonen umgehen – und die typischen Stolperfallen vermeiden.
- URL & Query-StringsURLs in JavaScript sauber parsen, bauen und verändern - mit `URL` und `URLSearchParams`, ganz ohne Regex-Gebastel und Encoding-Fallstricke.
