JavaScript-Codingtest üben

Wie der echte Test normalerweise aussieht

Es gibt keinen einheitlichen JavaScript-Codierungstest. Jeder Arbeitgeber wählt eine Testplattform und legt dann selbst die Fragen, die Anzahl der Aufgaben, das Zeitlimit und die zulässigen Sprachen fest. Ihre Testeinladung ist der beste Anhaltspunkt dafür, was Sie erwartet. Öffentliche Beispiele zeigen die Bandbreite:

• HackerRank. HackerRank führt seinen JavaScript (Basic)-Fähigkeitstest mit 2 Fragen in 1 Stunde 30 Minuten auf. Er behandelt Themen wie Funktionen (HackerRank). Im Hilfe-Center werden die Fragetypen aufgeführt, die Arbeitgeber in einen Test aufnehmen können, darunter Programmieraufgaben, Multiple-Choice-Fragen, HTML/CSS/JavaScript, Frontend-Entwicklung, Code-Reviews und offene Fragen. Außerdem heißt es dort, Arbeitgeber könnten Fragen aus der HackerRank-Bibliothek hinzufügen oder eigene Fragen erstellen (HackerRank Help).
• TestGorilla. Auf der Seite zu den JavaScript-Codierungstests von TestGorilla steht, dass einzelne Tests 15 bis 45 Minuten dauern. Dort wird ein 15-minütiger Algorithmustest für Einsteiger aufgeführt. Außerdem heißt es, dass Kandidaten in einem Online-Editor arbeiten und Arbeitgeber auswählen, welche Sprachen verfügbar sind (TestGorilla).

Häufig berichtete Bestandteile von JavaScript-Tests für Bewerber:

• Programmieraufgaben: Schreiben Sie eine Funktion in einem Online-Editor, führen Sie sie mit Beispieldaten aus und reichen Sie sie anschließend ein, damit sie mit weiteren Testfällen geprüft wird, die Sie möglicherweise nicht sehen.
• Multiple Choice: JavaScript-Konzepte, was ein Codeausschnitt ausgibt und welcher Code korrekt ist.
• Fehlersuche oder Code-Review: Finden und beheben Sie das Problem in Code, den eine andere Person geschrieben hat.
• Manchmal auch mehr: Eine Webseite erstellen oder reparieren, ein größeres Frontend- oder Backend-Projekt, eine Aufgabe für zu Hause oder die Überwachung per Webcam und Bildschirm während des Tests.

Was unsere Probetests abdecken. Unsere vollständigen Probetests umfassen 20 Fragen in 60 Minuten und bestehen aus vier Abschnitten: JavaScript-Konzepte (6), was der Code ausgibt (6), den Fehler finden (5) und eine Lösung erstellen (3). Der gesamte Code ist modernes JavaScript, wie es auf Node.js ausgeführt wird, ohne Browser- oder Framework-Code. Sie können zurückgehen, eine Antwort ändern und Fragen markieren, bis Sie den Test abgeben. Mit unseren Probetests üben Sie, Code zu lesen, nachzuverfolgen, Fehler zu beheben und Code auszuwählen. Der von Ihnen geschriebene Code wird darin nicht ausgeführt. Bei vielen echten Tests müssen Sie Code schreiben, der mit verborgenen Testfällen ausgeführt wird. Mit dieser Übung trainieren Sie die dafür wichtigen Fähigkeiten im Lesen, Nachverfolgen und Beheben von Fehlern. Üben Sie daher zusätzlich mit Zeitlimit in einem echten Editor. Unsere Probetests umfassen außerdem keine Frontend-, Backend- oder Full-Stack-Projektaufgaben, keine beaufsichtigten Tests, Plagiatsprüfungen, Videointerviews oder Aufgaben für zu Hause und keine Bestehensgrenze des Arbeitgebers.

Fragetypen mit Lösungsbeispielen

Ein durchgerechnetes Beispiel zu jedem Abschnitt, einschließlich der Falle, in die die meisten tappen.

1. JavaScript-Konzepte. Was ist der Unterschied zwischen let und var? let ist im nächsten umschließenden Block gültig, etwa im Rumpf einer Schleife, und kann nicht verwendet werden, bevor die entsprechende Zeile ausgeführt wird. var ist in der gesamten Funktion gültig und wird gehoistet. Daher ist es bereits vor der entsprechenden Zeile als undefined vorhanden. Falle: Annehmen, dass const ein Objekt oder Array unveränderlich macht. Es verhindert lediglich, dass der Name neu zugewiesen wird.

2. Was der Code protokolliert. console.log(typeof null, typeof []) protokolliert object object. Für typeof sind beide Objekte. Mit Array.isArray können Sie prüfen, ob es sich um ein Array handelt. Bei asynchronem Code sollten Sie die Reihenfolge beachten: zuerst normaler Code, dann Promise-Callbacks und anschließend Timer. Falle: setTimeout(fn, 0) als „sofort ausführen“ zu verstehen. Die Ausführung wartet immer, bis der aktuelle Code und ausstehende Promise-Callbacks abgeschlossen sind.

3. Den Fehler finden. Eine Funktion gibt undefined statt einer Summe zurück. Suchen Sie nach einer Arrow-Funktion mit geschweiften Klammern, aber ohne return: (a, b) => { a + b } gibt undefined zurück, während (a, b) => a + b die Summe zurückgibt. Falle: Die erste ungewöhnlich aussehende Zeile ändern. Verfolgen Sie eine kleine Eingabe durch den Code und suchen Sie die erste Zeile, in der der Wert falsch wird.

4. Eine Lösung entwickeln. Sie brauchen den Gesamtpreis eines Warenkorbs. Das erledigt items.reduce((sum, item) => sum + item.price, 0). Ohne die abschließende 0 löst ein leerer Warenkorb einen TypeError aus. Falle: Die Option auswählen, die beim Beispiel funktioniert, aber keine Sonderfälle berücksichtigt. Prüfen Sie jede Möglichkeit mit einem leeren Array, einem Element, Wiederholungen und fehlenden Werten.

So bereiten Sie sich vor

1. Lesen Sie zuerst Ihre Einladung. Informieren Sie sich, welche Plattform Sie verwenden, wie viele Aufgaben es gibt, wie lange Sie Zeit haben, ob Sie JavaScript auswählen können, ob Aufgaben zur Frontend-Entwicklung enthalten sind und ob der Test beaufsichtigt wird. Die Formate unterscheiden sich zu stark, um etwas vorauszusetzen.
2. Probieren Sie den Übungsbereich der Plattform aus, falls es einen gibt. Machen Sie sich mit dem Editor, der Run-Schaltfläche und der Anzeige von Beispiel-Testfällen vertraut, damit Ihnen die Oberfläche am Prüfungstag nicht neu ist. HackerRank beschreibt zum Beispiel, wie Kandidatinnen und Kandidaten während der Bearbeitung auf Run klicken, um die Testfälle auszuführen (HackerRank Support).
3. Verfolgen Sie den Code von Hand. Notieren Sie bei kurzen Codeausschnitten nach jeder Zeile den Wert jeder Variablen. Halten Sie bei asynchronem Code drei Listen bereit: Was wird sofort ausgeführt, Promise-Callbacks und Timer.
4. Machen Sie sich mit den gängigen Werkzeugen vertraut. Arrays und ihre Methoden (map, filter, reduce, some, find, sort), Objekte, Map und Set, Strings, Destructuring, Spread, Template Literals, async und await.
5. Denken Sie vor dem Absenden an Sonderfälle. Leere Arrays und Strings, ein einzelnes Element, wiederholte Werte, null und undefined, als Strings angegebene Zahlen. Versteckte Testfälle prüfen oft genau diese Fälle.
6. Schreiben Sie unter Zeitdruck etwas Code. Unsere Probetests trainieren das Lesen und Debuggen. Lösen Sie zusätzlich einige kleine Aufgaben in einem echten Editor mit Timer, damit es sich normal anfühlt, unter Druck Code zu schreiben und auszuführen.
7. Üben Sie im tatsächlichen Tempo. Wenn Ihr Test dem JavaScript (Basic)-Beispiel von HackerRank entspricht, bedeuten 2 Fragen in 1 Stunde 30 Minuten etwa 45 Minuten pro Aufgabe (HackerRank). Absolvieren Sie vollständige Probetests unter Zeitvorgabe, damit es sich normal anfühlt, sich die Zeit einzuteilen.

Wie die Bewertung üblicherweise funktioniert

Die Bewertung hängt von der Plattform und vom Arbeitgeber ab. Es gibt keine allgemeingültige Skala und keine allgemeingültige Bestehensgrenze. Programmierfragen werden üblicherweise automatisch anhand von Testfällen bewertet. Hier sind zwei öffentliche Beschreibungen:

• HackerRank gibt an, dass Programmierfragen mit vorab festgelegten Testfällen bewertet werden, die Korrektheit und Effizienz messen. Jeder Testfall hat eine eigene Punktzahl: Besteht der Code einen Testfall, erhält er dafür die volle Punktzahl. Wird der Testfall nicht bestanden, gibt es null Punkte. Die Gesamtpunktzahl einer Frage ergibt sich aus der Summe der bestandenen Testfälle. Eine Lösung, die einige Testfälle besteht, erhält also einen Teil der Punkte (HackerRank-Support). Programmier- und Multiple-Choice-Fragen werden automatisch bewertet. HTML/CSS/JavaScript-Fragen werden manuell bewertet. Frontend-Fragen werden automatisch bewertet; eine manuelle Prüfung wird empfohlen (HackerRank-Hilfe).
• TestGorilla beschreibt eine Perzentilbewertung auf Grundlage der Gesamtkorrektheit sowie einen Bericht, der das Ergebnis für jeden Testfall zeigt (TestGorilla).

Welches Ergebnis als gut gilt, entscheidet jeder Arbeitgeber selbst. Viele berücksichtigen neben der Punktzahl auch Ihren Code.

Unser Übungsergebnis entspricht der Anzahl unserer eigenen Fragen, die Sie richtig beantwortet haben. Die Aufschlüsselung nach Abschnitten zeigt Ihnen, worauf Sie sich konzentrieren können. Es handelt sich um ein Übungsergebnis: Es ist weder ein Ergebnis in einem Test einer Plattform noch sagt es voraus, ob Sie bestehen werden.

Häufige Fehler

• Zahlen ohne Vergleichsfunktion sortieren. [10, 9, 1].sort() sortiert als Text. Verwenden Sie sort((a, b) => a - b).
• == verwenden und von der Typumwandlung überrascht werden. Verwenden Sie vorzugsweise ===, sofern es keinen Grund dagegen gibt.
• Vergessen, dass forEach nicht wartet. await innerhalb eines forEach-Callbacks pausiert die äußere Funktion nicht. Verwenden Sie for...of oder Promise.all.
• Objekte oder Arrays mit === vergleichen. Zwei Objekte sind nur dann gleich, wenn es sich um dasselbe Objekt handelt. Vergleichen Sie die Felder, auf die es Ihnen ankommt.
• Ein Array verändern, das Sie behalten wollten. sort, reverse und splice verändern das Array direkt. Erstellen Sie zuerst mit [...arr] eine Kopie, wenn Sie das Original benötigen.
• Nur das Beispiel testen. Das sichtbare Beispiel besteht den Test normalerweise. Verborgene Testfälle prüfen leere Eingaben, einzelne Elemente, Duplikate und große Eingaben.
• Bei einer Aufgabe die Zeit verlieren. Wenn Sie nicht weiterkommen, reichen Sie eine einfache Version ein, die einige Testfälle besteht, machen Sie weiter und kommen Sie zurück, wenn es die Zeit erlaubt.