JavaScript-Interviewfragen

Welche Datentypen gibt es in JavaScript?

Es gibt sieben Primitives — string, number, boolean, null, undefined, symbol, bigint — und alles andere ist ein Objekt, einschließlich Arrays und Funktionen. Primitives werden by value kopiert, Objekte by reference, und genau daher rührt die meiste Verwirrung darüber, warum die Änderung einer Variablen eine andere verändert hat. typeof null liefert 'object' zurück, und das ist ein Bug aus dem Jahr 1995, der sich nie beheben lässt, ohne das Web zu brechen.

Was ist der Unterschied zwischen `var`, `let` und `const`?

var ist function-scoped und wird als undefined gehoisted; let und const sind block-scoped und befinden sich bis zur Deklaration in der temporal dead zone, weshalb ein früherer Zugriff einen Fehler wirft statt still undefined zurückzugeben. const verhindert das Rebinding der Variablen, nicht die Mutation des Objekts, auf das sie zeigt — const arr = [] erlaubt weiterhin arr.push(). Nimm standardmäßig const, verwende let, wenn du wirklich neu zuweisen musst, und var nie.

Was ist der Unterschied zwischen `==` und `===`?

=== vergleicht Typ und Wert; == konvertiert vorher, nach Regeln, die dazu führen, dass null == undefined wahr ist, null == 0 aber falsch. Weil kaum jemand die komplette Tabelle im Kopf hat, lautet die praktische Regel: immer === verwenden. Die einzige vertretbare Ausnahme ist x == null als Kurzform, um gleichzeitig auf null und undefined zu prüfen.

Was ist eine Closure?

Eine Funktion zusammen mit dem Scope, in dem sie erstellt wurde, auf den sie auch nach dem Ende der äußeren Funktion noch zugreifen kann. Das macht privaten State, Factory-Funktionen und Hooks überhaupt erst möglich — die innere Funktion hält eine lebende Referenz, keine Kopie. Die klassische Interview-Falle ist ein var in einer Schleife mit setTimeout, wo sich alle Callbacks eine Bindung teilen und denselben Wert ausgeben; let gibt jeder Iteration ihre eigene.

Was ist `this`, und wie wird es bestimmt?

Dadurch, wie die Funktion aufgerufen wird, nicht wo sie definiert ist. Als Methode aufgerufen, ist this das Objekt vor dem Punkt; einfach aufgerufen, ist es im strict mode undefined; mit new aufgerufen, ist es das neue Objekt; und call, apply und bind setzen es explizit. Arrow-Funktionen haben kein eigenes this und übernehmen es aus dem umschließenden Scope — genau deshalb haben sie das Callback-Problem gelöst und genau deshalb sind sie als Objektmethoden falsch.

Wie funktioniert prototypische Vererbung?

Jedes Objekt hat einen versteckten Link zu einem anderen Objekt, seinem Prototyp. Liest man eine Property, die nicht vorhanden ist, läuft die Engine diese Kette entlang, bis sie sie findet oder bei null ankommt. class ist Syntax darüber — sie erzeugt eine Konstruktorfunktion, deren prototype-Objekt die Methoden hält, sodass sich alle Instanzen eine Kopie jeder Methode teilen, statt jede ihre eigene mitzuführen.

Erkläre den Event Loop, Makrotasks und Mikrotasks.

JavaScript läuft auf einem Thread mit einer Queue. Ist der Call-Stack leer, leert der Event Loop zuerst die komplette Microtask-Queue — Promise-Callbacks, queueMicrotask, MutationObserver — und nimmt sich erst danach einen einzigen Makrotask vor, etwa einen setTimeout-Callback oder ein Event. Deshalb läuft ein .then immer vor einem früher geplanten setTimeout(0), und deshalb kann eine endlose Kette von Mikrotasks das Rendering vollständig aushungern.

Was ist der Unterschied zwischen `Promise.all` und `Promise.allSettled`?

all lehnt ab, sobald irgendein Promise ablehnt, und liefert dir von den übrigen nichts; allSettled resolved immer, mit einem Status pro Promise. Nutze all, wenn die ganze Operation ohnehin sinnlos ist, sobald ein Teil scheitert, und allSettled, wenn du wissen willst, welche Teile gescheitert sind. Und Achtung beim Unterschied zu sequenziellen awaits in einer Schleife — die laufen nacheinander ab, was meist ein unbeabsichtigter Performance-Bug ist.

Was ist der Unterschied zwischen einer flachen und einer tiefen Kopie?

Eine flache Kopie — Spread oder Object.assign — kopiert nur die oberste Ebene, verschachtelte Objekte bleiben also geteilt, und ihre Mutation wirkt sich auf das Original aus. Eine tiefe Kopie dupliziert den ganzen Baum; structuredClone macht das nativ und kommt mit Zyklen, Map und Date klar, während der alte Trick JSON.parse(JSON.stringify(x)) still Funktionen, undefined und den Date-Typ verliert.

Was ist der Unterschied zwischen einer Arrow-Funktion und einer regulären Funktion?

Eine Arrow-Funktion hat kein eigenes this, kein arguments, kein prototype, und sie kann nicht mit new aufgerufen werden. Sie übernimmt this lexikalisch von dort, wo sie definiert wurde — das macht sie richtig für Callbacks und falsch für Objekt- und Prototyp-Methoden. Auch als Konstruktor oder Generator lässt sie sich nicht verwenden.