keyof 和 typeof 是 TypeScript 中的两个重要操作符，它们用于在类型系统中获取类型信息。以下是它们的详细解释和使用示例：
keyof 操作符
keyof 操作符用于获取对象类型的所有键（属性名）的联合类型。它通常用于创建与对象属性相关的类型。
语法
type Keys = keyof T;
其中 T 是一个对象类型。
示例
以下是一个简单的 keyof 操作符示例，展示了如何获取对象类型的所有键：
interface Person {
name: string;
age: number;
location: string;
}
type PersonKeys = keyof Person; // "name" | "age" | "location"
function getProperty(obj: Person, key: PersonKeys) {
return obj[key];
}
const person: Person = {
name: "Alice",
age: 25,
location: "New York"
};
const name = getProperty(person, "name"); // "Alice"
const age = getProperty(person, "age"); // 25
const location = getProperty(person, "location"); // "New York"
在这个例子中，PersonKeys 类型是 "name" | "age" | "location"，表示 Person 接口的所有键的联合类型。
typeof 操作符
typeof 操作符用于获取变量或表达式的类型。它通常用于获取值的类型，并在类型注解中使用。
语法
type Type = typeof value;
其中 value 是一个变量或表达式。
示例
以下是一个简单的 typeof 操作符示例，展示了如何获取变量的类型：
const message = "Hello, world!";
type MessageType = typeof message; // string
const numbers = [1, 2, 3];
type NumbersType = typeof numbers; // number[]
function greet(name: string): string {
return `Hello, ${name}!`;
}
type GreetFunctionType = typeof greet; // (name: string) => string
在这个例子中，MessageType 是 string 类型，NumbersType 是 number[] 类型，GreetFunctionType 是 (name: string) => string 类型。
keyof 和 typeof 的结合使用
keyof 和 typeof 可以结合使用，以获取对象的所有键的联合类型。
示例
以下是一个结合使用 keyof 和 typeof 的示例，展示了如何获取对象的所有键的联合类型：
const person = {
name: "Alice",
age: 25,
location: "New York"
};
type PersonKeys = keyof typeof person; // "name" | "age" | "location"
function getProperty(obj: typeof person, key: PersonKeys) {
return obj[key];
}
const name = getProperty(person, "name"); // "Alice"
const age = getProperty(person, "age"); // 25
const location = getProperty(person, "location"); // "New York"
在这个例子中，PersonKeys 类型是 "name" | "age" | "location"，表示 person 对象的所有键的联合类型。
总结
keyof 操作符：用于获取对象类型的所有键的联合类型。typeof 操作符：用于获取变量或表达式的类型。
理解 keyof 和 typeof 操作符的使用场景和语法，可以帮助你更好地利用 TypeScript 的类型系统，编写出更灵活和类型安全的代码。
