🏋️Übungen

27 Aufgaben: Typfehler beheben oder den passenden Typ schreiben. Geprüft wird mit dem echten Compiler – gelöst ist eine Aufgabe, wenn Ihr Code zusammen mit den Prüfungen fehlerfrei kompiliert. Ihr Fortschritt bleibt nur in diesem Browser gespeichert.

Fortschritt0 / 27

Grundlagen

Narrowing

Generics

Utility Types

Fortgeschritten

Praxis

Übung 1 · Grundlagen★☆☆ Compiler wird geladen …

Parameter typisieren

Die Funktion berechnet eine Rechteckfläche. Geben Sie beiden Parametern einen Typ, damit der Fehler TS7006 verschwindet.

Ihre Lösung · wird bei jeder Änderung vom Compiler geprüft

function flaeche(breite, hoehe) {
  return breite * hoehe;
}

⏳ Compiler wird geladen …

Prüfungen (werden an Ihren Code angehängt)

type T1 = Expect<Equal<Parameters<typeof flaeche>, [number, number]>>;
type T2 = Expect<Equal<ReturnType<typeof flaeche>, number>>;

type T1 = Expect<Equal<Parameters<typeof flaeche>, [number, number]>>;
type T2 = Expect<Equal<ReturnType<typeof flaeche>, number>>;

Expect<Equal<A, B>> ist nur fehlerfrei, wenn A und B exakt gleich sind; // @ts-expect-error verlangt, dass die nächste Zeile einen Fehler hat.

Wie wird geprüft?

Ihr Code und die 2 Zeilen Prüfungen werden zu einer Datei zusammengesetzt und vom echten TypeScript-Compiler (strict) geprüft. Die HilfstypenEqual und Expect sind global deklariert (bekannt aus dem Projekt „type-challenges“).