Допустим, у меня есть следующий тип:

type Event = {
   name: string;
   dateCreated: string;
   type: string;
}

Теперь я хочу расширить этот тип, т.е.

type UserEvent extends Event = {
   UserId: string; 
}

Это не работает. Как я могу это сделать?

Kousha

Ответов: 4

Ответы (4)

The keyword extends can be used for interfaces and classes only.

If you just want to declare a type that has additional properties, you can use intersection type:

type UserEvent = Event & {UserId: string}

UPDATE for TypeScript 2.2, it's now possible to have an interface that extends object-like type, if the type satisfies some restrictions:

type Event = {
   name: string;
   dateCreated: string;
   type: string;
}

interface UserEvent extends Event {
   UserId: string; 
}

It does not work the other way round - UserEvent must be declared as interface, not a type if you want to use extends syntax.

And it's still impossible to use extend with arbitrary types - for example, it does not work if Event is a type parameter without any constraints.

То, чего вы пытаетесь достичь, эквивалентно

interface Event {
   name: string;
   dateCreated: string;
   type: string;
}

interface UserEvent extends Event {
   UserId: string; 
}

То, как вы определили типы, не позволяет указать наследование, однако вы можете добиться чего-то подобного, используя типы пересечения, как указал artem.

Также можно:

export type UserEvent = Event & { UserId: string; };

можно пересекать типы:

type TypeA = {
    nameA: string;
};
type TypeB = {
    nameB: string;
};
export type TypeC = TypeA & TypeB;

где-то в вашем коде теперь вы можете сделать:

const some: TypeC = {
    nameB: 'B',
    nameA: 'A',
};

2022 WebDevInsider