Wie man das TypeScript-Vorstellungsgespräch besteht: Top-Fragen

Online Python-Trainer für Anfänger

Lernen Sie Python einfach ohne theoretische Überlastung. Lösen Sie praktische Aufgaben mit automatischer Überprüfung und schreiben Sie Code direkt im Browser.

Kurs starten

So bestehen Sie ein TypeScript-Vorstellungsgespräch: Top-Fragen mit Beispielen

TypeScript hat sich fest als Standard für die Unternehmensentwicklung in JavaScript etabliert. Wenn Sie sich auf ein Vorstellungsgespräch vorbereiten, ist es wichtig, nicht nur die Syntax zu kennen, sondern auch zu verstehen, wie Typen, Generics und Utilities funktionieren. In diesem Artikel haben wir die Top-Fragen aufgeschlüsselt, die oft in technischen Vorstellungsgesprächen gestellt werden, mit detaillierten Antworten und Codebeispielen.

Dieses Material wird sowohl für Junior-Entwickler als auch für diejenigen nützlich sein, die ihr Wissen vor einem wichtigen Meeting auffrischen möchten.

1. Was ist TypeScript und warum wird es benötigt?

TypeScript ist eine streng typisierte Obermenge von JavaScript, die zu einfachem JS kompiliert wird. Das Hauptziel ist die Hinzufügung statischer Typisierung, die es Ihnen ermöglicht:

Fehler zur Kompilierzeit zu erkennen, anstatt zur Laufzeit.
Die Lesbarkeit und Wartbarkeit des Codes zu verbessern.
Autovervollständigung und Refactoring in der IDE zu erhalten.

Beispiel:

// JavaScriptfunction add(a, b) {  return a + b; // a und b können alles sein}

// TypeScriptfunction add(a: number, b: number): number {  return a + b; // Kompilierungsfehler, wenn ein String übergeben wird}

In einem Vorstellungsgespräch ist es wichtig zu betonen, dass TypeScript JavaScript nicht ersetzt, sondern ergänzt und den Code sicherer macht.

2. Basistypen und ihre Verwendung

TypeScript bietet eine breite Palette von Basistypen. Fragen zu diesem Thema testen Ihr Verständnis des Typsystems.

Listen Sie die wichtigsten Typen auf:

number, string, boolean
null, undefined
any — deaktiviert die Typüberprüfung (versuchen Sie, es zu vermeiden)
void — für Funktionen, die nichts zurückgeben
never — für Funktionen, die nie vollständig abgeschlossen werden (z. B. eine Exception werfen)

Beispiel mit Union-Typen:

type Status = 'active' | 'inactive' | 'pending';let userStatus: Status = 'active'; // nur einer von drei Werten

Häufig wird nach dem Unterschied zwischen interface und type gefragt. Antwort: interface kann erweitert werden (extends), während type dies nicht kann. Für Objekte ist interface vorzuziehen; für primitive Typen und Union-Typen ist type besser geeignet.

3. Generics — die Grundlage der Flexibilität

Generics ermöglichen es Ihnen, Komponenten zu erstellen, die mit verschiedenen Typen arbeiten, ohne die Typsicherheit zu verlieren. Dies ist eine der häufigsten Fragen.

Beispiel eines einfachen Generics:

function identity<T>(arg: T): T {  return arg;}const result = identity<string>('hallo'); // Typ stringconst numberResult = identity(42); // Typ number (Typinferenz)

Frage: Wie schränkt man ein Generic ein?

Verwenden Sie das Schlüsselwort extends:

function getLength<T extends { length: number }>(arg: T): number {  return arg.length;}getLength('hallo'); // 5getLength([1,2,3]); // 3// getLength(123); // Fehler: number hat kein length

Sie werden auch nach Generics in Interfaces gefragt:

interface ApiResponse<T> {  data: T;  status: number;  error?: string;}const userResponse: ApiResponse<{ id: number; name: string }> = {  data: { id: 1, name: 'Alice' },  status: 200};