Generic Interfaces

Generic interfaces define flexible object shapes.

Syntax

TYPESCRIPT

1
2
3
4
5
6
7
8
9
10
11

interface ApiResponse<T> {
    data: T;
    status: number;
    message: string;
}

const res: ApiResponse<User> = {
    data: user,
    status: 200,
    message: "OK"
};

Generic Interfaces

TYPESCRIPT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

interface ApiResponse<T> {
    data: T;
    status: number;
    message: string;
}

interface User {
    id: number;
    name: string;
}

let response: ApiResponse<User> = {
    data: { id: 1, name: "Alice" },
    status: 200,
    message: "OK"
};

console.log(response.data.name);

Try It Yourself

Previous

Generic Functions

Tutorial Complete

Back to TypeScript