TypeScript 中的 ReturnType:增强可读性和可维护性
// 假设有一个函数,用于获取用户信息
function getUserInfo(): { name: string; age: number } {
return {
name: "Alice",
age: 25
};
}
// 使用ReturnType来获取返回类型作为类型变量
type UserInfo = ReturnType<typeof getUserInfo>;
// 现在UserInfo就是一个类型,可以用于定义其他函数的返回类型
function printUserInfo(user: UserInfo) {
console.log(user.name, user.age);
}
// 使用UserInfo作为参数类型
const userInfo: UserInfo = {
name: "Bob",
age: 30
};
printUserInfo(userInfo);
这段代码展示了如何使用TypeScript的ReturnType
工具类型来提取函数的返回类型,并将其用作其他类型注解的基础。这样做可以增强代码的可读性和可维护性,因为类型现在可以在多个地方重用,而不是重复定义。
评论已关闭