TypeScript 实用工具类型
TypeScript 提供了大量的类型,可以帮助处理一些常见的类型操作,通常被称为实用工具类型。
本章将介绍最流行的实用工具类型。
Partial
Partial
将对象中的所有属性都变为可选。
示例
interface Point {
x: number;
y: number;
}
let pointPart: Partial<Point> = {}; // `Partial` 允许 x 和 y 是可选的
pointPart.x = 10;
自己动手试一试 »
必填
Required
将对象中的所有属性都变为必需。
示例
interface Car {
make: string;
model: string;
mileage?: number;
}
let myCar: Required<Car> = {
make: 'Ford',
model: 'Focus',
mileage: 12000 // `Required` 强制要求定义 mileage
};
自己动手试一试 »
Record(记录)
Record
是定义具有特定键类型和值类型的对象类型的快捷方式。
Record<string, number>
等同于 { [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; // 这里不能使用 string,因为 Exclude 已将其从类型中移除。
自己动手试一试 »
ReturnType
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: 无法分配给 'name',因为它是一个只读属性。
自己动手试一试 »