สามารถขยายประเภทใน typescript ได้หรือไม่?

สมมติว่าฉันมีประเภทต่อไปนี้:

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

ตอนนี้ฉันต้องการขยายประเภทนี้เช่น

type UserEvent extends Event = {
   UserId: string; 
}

วิธีนี้ใช้ไม่ได้ ฉันจะทำเช่นนี้ได้อย่างไร?

คีย์เวิร์ดextendsสามารถใช้สำหรับอินเทอร์เฟซและคลาสเท่านั้น

หากคุณต้องการประกาศประเภทที่มีคุณสมบัติเพิ่มเติมคุณสามารถใช้ประเภทจุดตัด :

type UserEvent = Event & {UserId: string}

อัปเดตสำหรับ TypeScript 2.2 ตอนนี้เป็นไปได้ที่จะมีอินเทอร์เฟซที่ขยายประเภทวัตถุเหมือนหากประเภทตรงตามข้อ จำกัด บางประการ:

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

interface UserEvent extends Event {
   UserId: string; 
}

มันไม่ได้ผลในทางอื่น - UserEventต้องประกาศเป็นอินเทอร์เฟซไม่ใช่typeถ้าคุณต้องการใช้extendsไวยากรณ์

และยังคงเป็นไปไม่ได้ที่จะใช้extend กับประเภทที่กำหนดเองตัวอย่างเช่นไม่สามารถใช้งานได้หากEventเป็นพารามิเตอร์ type โดยไม่มีข้อ จำกัด ใด ๆ

คุณสามารถตัดกันประเภท:

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; 
}

วิธีที่คุณกำหนดชนิดไม่อนุญาตให้มีการระบุมรดก, แต่คุณสามารถบรรลุสิ่งที่คล้ายกันโดยใช้ประเภทแยกเป็นArtemชี้ให้เห็น

อาจเป็นแนวทางด้านล่างจะเป็นประโยชน์สำหรับคนที่ TS ด้วย reactjs

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

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