Можливо розширення типів у Typescript?

Скажіть, у мене такий тип:

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

Зараз я хочу поширити цей тип, тобто

type UserEvent extends Event = {
   UserId: string; 
}

Це не працює. Як я можу це зробити?

Ключове слово extendsможна використовувати лише для інтерфейсів та класів.

Якщо ви просто хочете оголосити тип, який має додаткові властивості, ви можете використовувати тип перетину :

type UserEvent = Event & {UserId: string}

UPDATE для TypeScript 2.2, тепер можна мати інтерфейс, який розширює об’єктоподібний тип , якщо тип задовольняє деяким обмеженням:

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

interface UserEvent extends Event {
   UserId: string; 
}

Це не працює навпаки - його UserEventпотрібно оголосити як інтерфейс, а не, typeякщо ви хочете використовувати extendsсинтаксис.

І це все ще неможливо використовувати extend з довільними типами - наприклад, він не працює, якщо Eventє параметром типу без будь-яких обмежень.

Ви можете перетинати типи:

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

десь у вашому коді ви тепер можете зробити:

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

Те, що ви намагаєтесь досягти, рівнозначне

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

interface UserEvent extends Event {
   UserId: string; 
}

Те, як ви визначили типи, не дозволяє вказати спадкування, однак ви можете домогтися чогось подібного, використовуючи типи перетину, як вказував Артем .

Можливо, нижче підхід буде корисним для когось із ТС з reactjs

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

interface UserEvent<T> extends Event<T> {
    UserId: string;
}