typescript / intermediate
Snippet
Typen extrahieren mit ReturnType
Der Utility-Typ 'ReturnType' extrahiert den Rückgabetyp einer Funktion. Dies stellt sicher, dass sich abhängige Typen automatisch aktualisieren, wenn sich die Implementierung der Funktion ändert, wodurch eine einzige 'Source of Truth' erhalten bleibt.
snippet.ts
1
2
3
4
5
6
7
8
9
10
11
function fetchData() {return { id: 1, name: "Alice", active: true };}type UserProfile = ReturnType<typeof fetchData>;const user: UserProfile = {id: 2,name: "Bob",active: false};
Erklärung
1
type UserProfile = ReturnType<typeof fetchData>;
Verwendet 'typeof', um die Funktionssignatur zu erhalten, und 'ReturnType', um den Rückgabewert zu isolieren.