TypeScript 交叉类型使用方法示例总结

type A = string & number; // never， 一般我们都不会把交集用在基本类型，而是用在对象上
type 有右手的人 = {
  right: string;
};
type C = 有左手的人 | 有右手的人;
type D = 有左手的人 & 有右手的人;
const d: D = {
  left: 'yes', // 会报错，缺少right
};

// 场景一. 直接初始化赋值
type 有左手的人 = {
  left: string;
};
const a: 有左手的人 = {
  left: '一米八',
  right: '一米五', // 这么写会报错
};
// 场景二. 先声明好对象，再赋值
type 有左手的人 = {
  left: string;
};
const b = {
  left: '一米八',
  right: '一米五',
};
const a: 有左手的人 = b; // 这么写不报错

interface Colorful {
  color: string;
}
interface Circle {
  radius: number;
}
type ColorfulCircle = Colorful & Circle;
const CC: ColorfulCircle = {
  color: 'red',
  radius: 11,
};

type Person = {
  name: string;
  age: number;
};
type User = Person & {
  id: number;
  email: string;
};
const u: User = {
  name: 'Jack',
  age: 18,
  id: 1,
  email: 'Jack@alibaba.com',
};

// 场景一
type Person = {
  name: string;
  age: number;
  id: string;
};
type User = Person & {
  id: number;
  email: string;
};
const u: User = {
  name: 'Jack',
  age: 18,
  id: 1 as never, // 这个变成了never，且必须存在
  email: 'Jack@alibaba.com',
};
// 场景二 User是never， 这是一种特殊的场景
type Person = {
  id: 'A';
  name: string;
  age: number;
};
type User = Person & {
  id: 'B';
  email: string;
};

interface Person {
  id: string;
  name: string;
}
// 会报错 接口“User”错误扩展接口“Person”。属性“id”的类型不兼容。不能将类型“number”分配给类型“string”。
interface User extends Person {
  id: number;
  email: string;
}

type A = {
  method: (a: number) => void;
};
type B = {
  method: (a: string) => void;
} & A;
const b: B = {
  method(a) {
    a; // number | string
  },
};