Senior JavaScript — JavaScript-Interviewfragen

Eine Seite ruckelt beim Scrollen. Wie diagnostizierst du das?

Nimm ein Performance-Profil auf und schau, welcher Teil des Frames das Budget sprengt: Script, Style und Layout, Paint oder Composite. Long Tasks, die den Main Thread blockieren, sind die übliche Ursache, und ein erzwungenes synchrones Layout — das Lesen einer Geometrie-Property direkt nach dem Schreiben eines Styles — ist der klassische selbstverschuldete Fall. Animiere transform und opacity, weil sie ohne Layout komponiert werden können, teile lange Arbeit in Chunks auf, und verlagere wirklich schwere Berechnungen in einen Web Worker.

Wie denkst du über XSS, CSP und die Same-Origin-Policy?

XSS bedeutet, dass nicht vertrauenswürdiger Input zu ausführbarem Script wird, daher besteht der Schutz aus kontextabhängigem Output-Encoding und dem Verzicht darauf, HTML aus Strings zusammenzubauen — textContent statt innerHTML. CSP ist die zweite Schicht: Sie sagt dem Browser, welche Quellen ausführen dürfen, sodass eine durchgerutschte Injection nirgendwo laufen kann. Die Same-Origin-Policy verhindert, dass eine andere Site deine Seite oder Responses lesen kann; CORS ist die bewusste Lockerung davon durch den Server, keine Sicherheitsfunktion, die den Client schützt.

Wann ist ein `Proxy` das richtige Werkzeug, und was kostet er?

Er ist richtig, wenn du wirklich Operationen abfangen musst, die sich nicht im Voraus aufzählen lassen — Reactivity-Systeme, Validierungs-Wrapper, Mocking. Er kostet bei jedem Zugriff, verhindert einige Engine-Optimierungen und erschwert das Debugging, weil sich das Objekt nicht mehr so verhält, wie es der Quellcode nahelegt. Wenn ein Getter oder ein simpler Wrapper reichen würde, ist das die bessere Antwort.

ES-Module versus CommonJS — worin liegt der tatsächliche Unterschied?

ESM ist statisch analysierbar: Imports werden vor der Ausführung aufgelöst, was Tree Shaking überhaupt erst möglich macht. require in CommonJS ist ein Laufzeitaufruf, sodass ein Bundler nicht sicher beweisen kann, was ungenutzt ist. ESM ist außerdem asynchron und hat live bindings, während require einen Snapshot des Exports-Objekts zurückgibt. Die praktische Konsequenz: Die Reibungspunkte entstehen, wenn man beides mischt, besonders in Node.

Wie entscheidest du, ob du eine Dependency hinzufügst?

Wäge ab, was sie beim Ausliefern und in der Wartung kostet, gegen das, was es kosten würde, sie selbst zu schreiben und zu pflegen. Die Bundle-Größe spielt eine Rolle, aber teurer sind die API-Oberfläche, von der du jetzt abhängst, der Upgrade-Pfad und was passiert, wenn das Projekt aufgegeben wird. Ein kleines Utility ist meist billiger selbst zu schreiben als einzubinden; eine Date-Library, eine Form-Library oder alles, was Korrektheit betrifft, ist meist billiger einzubinden, als es selbst richtig hinzubekommen.