TypeScript Fortgeschritten
Generics, bedingte Typen, Mapped Types, Utility Types, Decorators, Namespaces, Module
1Was ist ein Generic in TypeScript?
Was ist ein Generic in TypeScript?
Antwort
Ein Generic ermöglicht die Erstellung wiederverwendbarer Komponenten, die mit mehreren Typen statt nur einem funktionieren. Generics verwenden Typparameter (wie T), um jeden Typ darzustellen. Dies ermöglicht das Schreiben von typsicherem Code ohne Einbußen bei der Flexibilität, beispielsweise eine Funktion, die Arrays jedes Typs manipuliert und dabei die Typinformationen beibehält.
2Welche Rolle hat der Utility Type Partial<T>?
Welche Rolle hat der Utility Type Partial<T>?
Antwort
Partial<T> wandelt alle Eigenschaften eines Typs T in optionale Eigenschaften um. Dies ist besonders nützlich für Update-Funktionen, bei denen nur bestimmte Felder geändert werden müssen. Um beispielsweise einen Benutzer zu aktualisieren, kann nur der Name angegeben werden, ohne alle anderen Felder spezifizieren zu müssen. TypeScript stellt sicher, dass nur vorhandene Eigenschaften übergeben werden können.
3Was ist der Unterschied zwischen Pick<T, K> und Omit<T, K>?
Was ist der Unterschied zwischen Pick<T, K> und Omit<T, K>?
Antwort
Pick<T, K> wählt nur die Eigenschaften K aus einem Typ T aus und erstellt einen neuen Typ nur mit diesen Eigenschaften. Im Gegensatz dazu schließt Omit<T, K> die Eigenschaften K aus einem Typ T aus und erstellt einen neuen Typ mit allen Eigenschaften außer den angegebenen. Pick ist nützlich, um partielle Ansichten mit den erforderlichen Feldern zu erstellen, während Omit praktisch ist, um Typen ohne bestimmte sensible Felder wie Passwörter zu erstellen.
Wie schränkt man ein Generic auf bestimmte Typen ein?
Welcher Utility Type macht alle Eigenschaften erforderlich?
+17 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
Angular-Grundlagen
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
Direktiven und Pipes
Routing und Navigation
Reactive Forms
Template-driven Forms
RxJS-Grundlagen
RxJS-Operatoren
HttpClient und API-Aufrufe
Grundlegende State-Verwaltung
Change Detection
Angular Signals
Standalone Components
Angular Unit-Tests
End-to-End-Testing
Build und Optimierung
NgRx-Grundlagen
NgRx Fortgeschritten
Angular-Architektur
Performance-Optimierung
Sicherheit und Best Practices
Fortgeschrittene RxJS-Patterns
Angular Universal und SSR
Angular Micro-Frontends
Meistere Angular für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten