Fragen im JavaScript-Vorstellungsgespräch mit Antworten

var hat Function Scope und kann aus einem Block „entkommen"; let und const haben Block Scope, nur innerhalb ihres eigenen Blocks { } sichtbar. let kann neu zugewiesen werden, const nicht. Heute wird var kaum noch verwendet.

== vergleicht Werte mit Typumwandlung ("5" == 5 → true), === vergleicht ohne Umwandlung, inklusive Typ ("5" === 5 → false). In der Praxis wird fast immer === verwendet.

undefined ist der Standardwert, wenn einer Variable nichts zugewiesen wurde. null ist ein Wert, den ein Entwickler bewusst zuweist, um explizit „das hier ist leer" zu sagen.

Primitive: string, number, boolean, undefined, null, symbol, bigint. Und ein nicht-primitiver Typ — object (der Arrays und Funktionen einschließt).

Ein Mechanismus, bei dem Deklarationen von Variablen (var) und Funktionen an den Anfang ihres Scopes verschoben werden, bevor der Code ausgeführt wird. let und const werden auch gehisst, fallen aber in die „temporal dead zone" — man kann nicht vor ihrer Deklaration auf sie zugreifen.

Eine Funktion, die sich Variablen einer äußeren Funktion „merkt", auch nachdem diese fertig ausgeführt wurde. Ein klassisches Beispiel ist eine Zählerfunktion, die ihren Zustand zwischen Aufrufen speichert.

forEach durchläuft einfach ein Array und gibt nichts zurück. map durchläuft auch ein Array, gibt aber ein neues Array mit dem Ergebnis der Funktion für jedes Element zurück.

Mit Array.isArray(wert). Der Operator typeof gibt für ein Array "object" zurück, taugt also dafür nicht.

Für eine flache Kopie: der Spread-Operator {...obj} oder [...arr]. Für eine tiefe Kopie verschachtelter Objekte nutzt man oft structuredClone(obj) oder JSON.parse(JSON.stringify(obj)).

Mit splice(index, 1) — verändert das ursprüngliche Array. Oder mit filter, wenn du ein neues Array brauchst, ohne das Original zu verändern: arr.filter(item => item !== wert).

Sie reduziert ein Array auf einen einzelnen Wert, indem sie jedes Element durchläuft und ein Ergebnis akkumuliert. Wird oft zum Summieren verwendet: arr.reduce((sum, n) => sum + n, 0).

Am häufigsten document.querySelector(".klasse") für ein Element und document.querySelectorAll(".klasse") für mehrere. Es gibt auch getElementById.

onclick erlaubt nur einen Handler — ein neuer ersetzt den alten. addEventListener erlaubt beliebig viele Handler für dasselbe Event, und flexibleres Entfernen.

Wenn ein Event auf einem verschachtelten Element auftritt, „blubbert" es danach durch alle Elternelemente nach oben. Das ermöglicht Event-Delegation: einen einzigen Handler am Elternelement statt vieler an den Kindern.

Durch Aufruf von event.preventDefault() im Handler — zum Beispiel, damit ein Formular beim Absenden die Seite nicht neu lädt.

Ein Objekt, das das Ergebnis einer asynchronen Operation repräsentiert — es kann sich in einem von drei Zuständen befinden: pending (ausstehend), fulfilled (erfüllt) oder rejected (abgelehnt).

Es ist „Syntactic Sugar" über Promises: eine Funktion wird als async markiert, und darin „wartet" await auf das Ergebnis eines Promise, ohne den Rest des Seiten-Codes zu blockieren. Der Code sieht aus und liest sich wie synchroner Code.

setTimeout führt Code einmal nach einer festgelegten Verzögerung aus. setInterval wiederholt die Ausführung in einem angegebenen Intervall, bis es mit clearInterval gestoppt wird.

Ein Verweis auf das Objekt, in dessen Kontext eine Funktion ausgeführt wird. Der Wert von this hängt davon ab, wie die Funktion aufgerufen wurde. Arrow-Funktionen haben kein eigenes this — sie übernehmen es vom umgebenden Code.

Eine gute Antwort: Ich lese die Fehlermeldung in der Konsole, setze console.log an verdächtigen Stellen oder nutze Breakpoints in den DevTools, grenze das Problem auf eine bestimmte Zeile ein, prüfe die Werte der Variablen bei jedem Schritt.