2 种在 TypeScript 中扩展类型的方法

这篇简短而直接的文章向您展示了在 TypeScript 中扩展类型的几种不同方法。废话不多说,看代码吧。

使用“extends”关键字

例子:

type TypeOne = {
  a: string;
  b: number;
};

type TypeTwo = {
  c: string;
  d: string;
};

// extend TypeOne
interface InterfaceOne extends TypeOne {
  e: string;
  f: number;
}

const x: InterfaceOne = {
  a: 'KindaCode.com',
  b: 1,
  e: 'e',
  f: 2,
};

// you can also extend multiple types at once
interface InterfaceTwo extends TypeOne, TypeTwo {
  g: string;
}

const y: InterfaceTwo = {
  a: 'a',
  b: 1,
  c: 'c',
  d: 'd',
  g: 'Welcome to KindaCode.com',
};

使用“&”运算符

例子:

type TypeA = {
    a1: string;
    a2: string;
}

type TypeB = {
    b1: string;
    b2: number;
}

// Extend TypeA
type TypeAExtended = TypeA & {
    a3: string;
    a4: number;
}

// Extend both TypeA and TypeB at the same time
type TypeC = TypeA & TypeB & {
    c1: string;
    c2: number;
    c3: boolean;
}
免责声明:
1.本站所有内容由本站原创、网络转载、消息撰写、网友投稿等几部分组成。
2.本站原创文字内容若未经特别声明,则遵循协议CC3.0共享协议,转载请务必注明原文链接。
3.本站部分来源于网络转载的文章信息是出于传递更多信息之目的,不意味着赞同其观点。
4.本站所有源码与软件均为原作者提供,仅供学习和研究使用。
5.如您对本网站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。
火焰兔 » 2 种在 TypeScript 中扩展类型的方法