TypeScript 实用程序类型

TypeScript 附带了大量类型,可以帮助进行一些常见的类型操作,通常称为实用程序类型。

本章涵盖最流行的实用程序类型。


Partial

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

实例

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

let pointPart: Partial<Point> = {}; // `Partial` 允许 x 和 y 是可选的
pointPart.x = 10;
亲自试一试 »

Required

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

实例

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

let myCar: Required<Car> = {
  make: 'Ford',
  model: 'Focus',
  mileage: 12000 // `Required` 强制定义 mileage
};
亲自试一试 »

Record

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

实例

const nameAgeMap: Record<string, number> = {
  'Alice': 21,
  'Bob': 25
};
亲自试一试 »

Record<string, number> is equivalent to { [key: string]: number }


Omit

Omit 从对象类型中删除键。

实例

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

const bob: Omit<Person, 'age' | 'location'> = {
  name: 'Bob'
  // `Omit` 已从类型中删除了 age 和 location,因此无法在此处定义
};
亲自试一试 »

Pick

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

实例

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

const bob: Pick<Person, 'name'> = {
  name: 'Bob'
  // `Pick` 只保留 name,因此 age 和 location 已从类型中删除,无法在此处定义
};
亲自试一试 »

Exclude

Exclude 从联合中移除类型。

实例

type Primitive = string | number | boolean
const value: Exclude<Primitive, string> = true; // 此处不能使用字符串,因为 Exclude 已将其从类型中删除。
亲自试一试 »

ReturnType

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

实例

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

Parameters

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

实例

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

TypeScript 练习

学习训练

训练:

从 Person 接口声明一个对象 kindPerson,其中所有属性都是可选的:

interface Person {
age: number;
firstName: string;
lastName: string;
}

let :  = {};

开始训练