JavaScript

Übersicht

JavaScript ist die Programmiersprache des Web-Frontends. Sie läuft in jedem modernen Browser und — dank Node.js — auch auf dem Server. Ursprünglich 1995 in nur 10 Tagen von Brendan Eich bei Netscape entwickelt, ist JavaScript heute die verbreitetste Programmiersprache weltweit.

Historie

JavaScript wurde 1995 als „Mocha" bei Netscape entwickelt, umbenannt zu „LiveScript" und schließlich zu „JavaScript" — obwohl es technisch nichts mit Java zu tun hat. Die Standardisierung erfolgt seit 1997 als ECMAScript durch die ECMA International. Neue Versionen (ES2015 aka ES6, ES2020, ES2024 …) erweitern die Sprache jährlich.

Warum JavaScript?

JavaScript ist die einzige Sprache, die nativ in jedem Browser läuft. Für alles Interaktive im Web führt kein Weg an JavaScript (oder TypeScript, das zu JS kompiliert) vorbei. Mit Node.js ist JavaScript auch auf dem Server ein First-Class-Citizen und ermöglicht Full-Stack-Entwicklung in einer einzigen Sprache.

Installation

JavaScript benötigt keine Installation — es läuft in jedem modernen Browser. Für Server-seitige Entwicklung: Node.js von nodejs.org installieren.

Hello World

Das minimalste vollständige Programm in JavaScript:

console.log('Hello, World!');

Referenz-Bibliothek

Jede Funktion, Klasse und jedes Sprach-Konstrukt lebt auf einer eigenen Seite — mit Signatur, Parameter-Tabelle, Beispielen und Fallstricken.

Interface

Alle 1084 →

AbortController Das <code>AbortController</code>-Interface stellt ein Controller-Objekt dar, mit dem sich... AbortSignal Das <code>AbortSignal</code>-Interface repräsentiert ein Signalobjekt, mit dem eine asynch... AbsoluteOrientationSensor Das AbsoluteOrientationSensor-Interface der Sensor-APIs beschreibt die physische Ausrichtu... AbstractRange Das AbstractRange-abstrakte Interface ist die Basisklasse, auf der alle DOM-Bereichstypen... Accelerometer Das Accelerometer-Interface der Sensor-APIs liefert bei jeder Messung die auf das Gerät an... AesCbcParams Das AesCbcParams Wörterbuch der Web Crypto API repräsentiert das Objekt, das als algorithm... AesCtrParams Das AesCtrParams-Wörterbuch der Web Crypto API repräsentiert das Objekt, das als algorithm... AesDerivedKeyParams Das AesDerivedKeyParams-Wörterbuch des Web Crypto API repräsentiert das Objekt, das als de... AesGcmParams Das AesGcmParams-Wörterbuch der Web Crypto API repräsentiert das Objekt, das als algorithm... AesKeyGenParams Das AesKeyGenParams-Wörterbuch der Web Crypto API stellt das Objekt dar, das als algorithm... AmbientLightSensor Die AmbientLightSensor-Schnittstelle der Sensor-APIs gibt das aktuelle Lichtniveau oder di... AnalyserNode Das AnalyserNode Interface repräsentiert einen Knoten, der in der Lage ist, Echtzeit-Frequ...

Weitere 1072 Interface anzeigen →

Methode

Alle 3206 →

AbortController.abort() Die abort()-Methode des AbortController-Interfaces bricht eine asynchrone Operation ab, be... AbortSignal.abort() Die statische Methode AbortSignal.abort() gibt ein AbortSignal zurück, das bereits auf abg... AbortSignal.any() Die statische Methode AbortSignal.any() nimmt ein iterierbares Objekt von Abbruchsignalen... AbortSignal.throwIfAborted() Die throwIfAborted()-Methode wirft den Abbruch-Grund des Signals, wenn das Signal abgebroc... AbortSignal.timeout() Die AbortSignal.timeout() statische Methode gibt ein AbortSignal zurück, das automatisch n... AnalyserNode.getByteFrequencyData() Die getByteFrequencyData()-Methode des AnalyserNode-Interfaces kopiert die aktuellen Frequ... AnalyserNode.getByteTimeDomainData() Die getByteTimeDomainData()-Methode der AnalyserNode-Schnittstelle kopiert die aktuelle We... AnalyserNode.getFloatFrequencyData() Die getFloatFrequencyData() Methode der AnalyserNode Schnittstelle kopiert die aktuellen F... AnalyserNode.getFloatTimeDomainData() Die getFloatTimeDomainData() Methode der AnalyserNode Schnittstelle kopiert die aktuelle W... ANGLE_instanced_arrays.drawArraysInstancedANGLE() Die ANGLE_instanced_arrays.drawArraysInstancedANGLE() Methode der WebGL-API rendert Primit... ANGLE_instanced_arrays.drawElementsInstancedANGLE() Die ANGLE_instanced_arrays.drawElementsInstancedANGLE()-Methode der WebGL API rendert Prim... ANGLE_instanced_arrays.vertexAttribDivisorANGLE() Die ANGLE_instanced_arrays.vertexAttribDivisorANGLE() Methode des WebGL API modifiziert di...

Weitere 3194 Methode anzeigen →

Eigenschaft

Alle 3900 →

AbortController.signal Die schreibgeschützte Eigenschaft signal des AbortController-Interfaces gibt eine AbortSig... AbortSignal.aborted Die aborted-Eigenschaft (nur lesbar) gibt einen Wert zurück, der angibt, ob die asynchrone... AbortSignal.reason Die reason-Eigenschaft (nur lesbar) gibt einen JavaScript-Wert zurück, der den Abbruchgrun... AbstractRange.collapsed Die schreibgeschützte collapsed-Eigenschaft des AbstractRange-Interfaces gibt true zurück,... AbstractRange.endContainer Die schreibgeschützte endContainer-Eigenschaft des AbstractRange-Interfaces gibt den Node... AbstractRange.endOffset Die endOffset-Eigenschaft der AbstractRange-Schnittstelle gibt den Offset in das Endknoten... AbstractRange.startContainer Die schreibgeschützte startContainer-Eigenschaft der Schnittstelle AbstractRange gibt das... AbstractRange.startOffset Die schreibgeschützte startOffset-Eigenschaft des AbstractRange-Interfaces gibt den Versat... Accelerometer.x Die schreibgeschützte x-Eigenschaft des Accelerometer-Interfaces gibt eine Zahl zurück, di... Accelerometer.y Die schreibgeschützte y-Eigenschaft der Accelerometer-Schnittstelle gibt eine Zahl zurück,... Accelerometer.z Die z-Eigenschaft der Accelerometer-Schnittstelle gibt eine Zahl zurück, die die Beschleun... AggregateError: errors Die errors Daten-Eigenschaft einer AggregateError-Instanz enthält ein Array, das die aggre...

Weitere 3888 Eigenschaft anzeigen →

Event

Alle 461 →

Weitere 449 Event anzeigen →

Klasse

Alle 80 →

AbstractModuleSource Repräsentiert den kompilierten Quellcode eines Moduls, der über <code>import source</code>... AggregateError Fasst mehrere Fehler in einem einzigen <code>Error</code>-Objekt zusammen, z. B. wenn alle... Array Geordnete Liste beliebiger Werte mit zahlreichen eingebauten Methoden zum Suchen, Transfor... ArrayBuffer Repräsentiert einen generischen Puffer für rohe binäre Daten fester Länge, der über typisi... AsyncDisposableStack Repräsentiert einen Stapel asynchroner Disposer-Funktionen, die in umgekehrter Reihenfolge... AsyncFunction Das eingebaute <code>AsyncFunction</code>-Objekt repräsentiert den Konstruktor aller async... AsyncGenerator Ein <code>AsyncGenerator</code>-Objekt wird von einer <code>async function*</code> zurückg... AsyncGeneratorFunction Das <code>AsyncGeneratorFunction</code>-Objekt stellt den Konstruktor und Methoden für asy... AsyncIterator Basisklasse für asynchrone Iteratoren, die das <code>async iterator protocol</code> implem... Atomics Das <code>Atomics</code>-Namensraumobjekt stellt statische Methoden für atomare Operatione... BigInt Repräsentiert beliebig große Ganzzahlen, die über den sicheren Bereich von <code>Number</c... BigInt64Array Typisiertes Array für 64-Bit vorzeichenbehaftete Ganzzahlen (<code>BigInt</code>), gespeic...

Weitere 68 Klasse anzeigen →

Operator

Alle 64 →

Addition (+) Der Additions-Operator <code>+</code> addiert zwei numerische Werte oder verkettet zwei Ze... Addition Assignment (+=) Der <code>+=</code>-Operator addiert den rechten Operanden zum linken (oder verkettet Stri... async function* expression Definiert eine asynchrone Generatorfunktion als Ausdruck, die sowohl <code>await</code> al... await Der <code>await</code>-Operator wartet auf ein <code>Promise</code> und liefert dessen Erf... Bedingungsoperator (ternärer Operator) Der ternäre Operator wertet eine Bedingung aus und gibt je nach Wahrheitswert einen von zw... Bitweises NICHT (~) Der bitweise NICHT-Operator (<code>~</code>) invertiert alle Bits eines Zahlen- oder BigIn... Bitweises OR (|) Der bitweise OR-Operator <code>|</code> vergleicht zwei Operanden bitweise und liefert ein... Bitweises OR-Zuweisung (|=) Der <code>|=</code>-Operator führt ein bitweises OR auf zwei Operanden aus und weist das E... Bitweises UND (&) Der bitweise UND-Operator (<code>&</code>) verknüpft zwei Zahlen oder BigInts bitweise und... Bitweises UND-Zuweisung (&=) Der bitweise UND-Zuweisungsoperator <code>&=</code> führt ein bitweises UND auf beide Oper... Bitweises XOR (^) Der bitweise XOR-Operator <code>^</code> gibt eine Zahl oder ein BigInt zurück, bei dem je... Bitweises XOR-Zuweisung (^=) Der bitweise XOR-Zuweisungsoperator <code>^=</code> führt ein bitweises XOR auf zwei Opera...

Weitere 52 Operator anzeigen →

Anweisung

Alle 29 →

async function* Die <code>async function</code>-Deklaration erzeugt ein Binding einer neuen asynchronen Fu... Ausdrucksanweisung Eine <code>Ausdrucksanweisung</code> ist ein Ausdruck, der an einer Stelle verwendet wird,... await using Deklariert eine blockweit gültige Variable, deren <code>Symbol.asyncDispose</code>-Methode... Blockanweisung Eine Blockanweisung gruppiert null oder mehr Anweisungen in einem einzigen syntaktischen B... break Die <code>break</code>-Anweisung beendet die aktuelle Schleife oder <code>switch</code>-An... class Die <code>class</code>-Deklaration erstellt ein Binding einer neuen Klasse an einen gegebe... const Die <code>const</code>-Deklaration deklariert blockskopierte lokale Variablen, deren Wert... continue Die <code>continue</code>-Anweisung beendet die aktuelle Iteration einer Schleife und setz... debugger Die <code>debugger</code>-Anweisung ruft verfügbare Debugging-Funktionalität auf, etwa das... do...while Die <code>do...while</code>-Anweisung erzeugt eine Schleife, die eine Anweisung ausführt,... export Die <code>export</code>-Deklaration exportiert Werte aus einem JavaScript-Modul, die ansch... for Die <code>for</code>-Anweisung erstellt eine Schleife mit drei optionalen Ausdrücken in Kl...

Weitere 17 Anweisung anzeigen →

Keyword

Alle 45 →

Benannte Erfassungsgruppe: (?<name>...) Eine benannte Erfassungsgruppe ist eine besondere Art von Erfassungsgruppe, die es Ihnen e... Benannte Rückreferenz: \\k<name> Eine benannte Rückreferenz bezieht sich auf das Teilmuster einer vorherigen benannten Erfa... constructor Die constructor-Methode ist eine spezielle Methode einer Klasse zur Erzeugung und Initiali... Das arguments-Objekt arguments ist ein array-ähnliches Objekt, das innerhalb von Funktionen zugänglich ist und... Destructuring Der Destructuring-Syntax ist ein JavaScript-Syntax, der es ermöglicht, Werte aus Arrays od... Disjunction: | Eine Disjunktion spezifiziert mehrere Alternativen. Eingabebegrenzungs-Assertion: ^, $ Eine Eingabebegrenzungs-Assertion überprüft, ob die aktuelle Position im String eine Einga... Erfassungsgruppe: (...) Eine Erfassungsgruppe gruppiert ein Teilmuster, sodass Sie einen Quantor auf die gesamte G... extends Das extends Schlüsselwort wird in Klassendeklarationen oder Klassenexpressionen verwendet,... get Die get-Syntax bindet eine Objekteigenschaft an eine Funktion, die aufgerufen wird, wenn d... Import-Attribute Die Funktion Import-Attribute weist die Laufzeitumgebung an, wie ein Modul geladen werden... import.defer() Die Syntax import.defer() verhält sich wie die reguläre Syntax import(), mit dem Unterschi...

Weitere 33 Keyword anzeigen →

Funktion

Alle 11 →

Nächste → PHP

// Steckbrief