zl程序教程

您现在的位置是:首页 >  前端

当前栏目

[Typescript] Intersections types

typescript types
2023-09-14 08:59:13 时间
interface Order {
  id: string;
  amount: number;
  currency: string;
}

interface Stripe {
  card: string;
  cvc: string;
}

interface PayPal {
  email: string;
}

type CheckoutCard = Order & Stripe;
type CheckoutPayPal = Order & PayPal;

const order: Order = {
  id: 'xj28s',
  amount: 100,
  currency: 'USD'
};

const orderCard: CheckoutCard = {
  ...order,
  card: '1000 2000 3000 4000',
  cvc: '123'
};

const orderPayPal: CheckoutPayPal = {
  ...order,
  email: 'abc@def.com'
};

 

Object.assign: in typescript, it can understand the intersection:

const assigned = Object.assign({}, order, orderCard); // assign<T, U, V>(target: T, source1: U, source2: V): T & U & V;