TypeScript 实用类型

TypeScript 带有大量类型，可以帮助进行一些常见的类型操作，通常称为实用类型。本章介绍最流行的实用程序类型。

部分的

Partial将对象中的所有属性更改为可选。

例子

interface Point {
  x: number;
  y: number;
}

let pointPart: Partial<Point> = {}; // `Partial` allows x and y to be optional

pointPart.x = 10

必需的

Required将对象中的所有属性更改为必需的。

例子

interface Car {
  make: string;
  model: string;
  mileage?: number;
}

let myCar: Required<Car> = {
  make: 'Ford',
  model: 'Focus',
  mileage: 12000 // `Required` forces mileage to be defined
  }

记录

Record是定义具有特定键类型和值类型的对象类型的快捷方式。

例子

const nameAgeMap: Record<string, number> = {
  'Alice': 21,
  'Bob': 25
};

Record<string, number>相当于{ [key: string]: number }

忽略

Omit从对象类型中删除键。

例子

interface Person {
  name: string;
  age: number;
  location?: string;
}

const bob: Omit<Person, 'age' | 'location'> = {
  name: 'Bob'
  // `Omit` has removed age and location from the type and they can't be defined here 
  
  }

挑选

Pick从对象类型中删除除指定键之外的所有键。

例子

interface Person {
  name: string;
  age: number;
  location?: string;
}

const bob: Pick<Person, 'name'> = {
  name: 'Bob'
  // `Pick` has only kept name, so age and location were removed from the type and they can't be defined here 
  }

排除

Exclude从联合中删除类型。

例子

type Primitive = string | number | boolean
const value: Exclude<Primitive, string> = true; // a string cannot be used here since Exclude removed it from the type.

返回类型

ReturnType提取函数类型的返回类型。

例子

type PointGenerator = () => { x: number; y: number; };
const point: ReturnType<PointGenerator> = {
  x: 10,
  y: 20
}

参数

Parameters将函数类型的参数类型提取为数组。

例子

type PointPrinter = (p: { x: number; y: number; }) => void;
const point: Parameters<PointPrinter>[0] = {
  x: 10,
  y: 20
}

只读

Readonly用于创建一个新类型，其中所有属性都是只读的，这意味着一旦分配了值就无法修改它们。请记住，TypeScript 会在编译时阻止这种情况，但理论上，由于它被编译为 JavaScript，因此您仍然可以覆盖只读属性。

例子

interface Person {
  name: string;
  age: number;
}
const person: Readonly<Person> = {
  name: "Dylan",
  age: 35,
};
person.name = 'Israel'; // prog.ts(11,8): error TS2540: Cannot assign to 'name' because it is a read-only property.