在 TypeScript 中，keyof 操作符是一种非常有用的类型操作符，它可以用来获取一个类型的所有属性名。在本文中，我们将详细介绍 keyof 操作符的使用方法，并提供一些示例代码来帮助读者深入理解。
什么是 keyof 操作符
keyof 操作符是 TypeScript 中的一种类型操作符，用于获取一个类型的所有属性名。它的语法如下所示：
type Keys = keyof T;
其中，T 表示要获取属性名的类型，Keys 表示 T 类型的所有属性名的联合类型。
keyof 操作符的使用方法
在 TypeScript 中，我们可以使用 keyof 操作符来获取一个对象的所有属性名。例如，我们可以使用以下代码来获取一个对象的所有属性名：
interface Person {
name: string;
age: number;
gender: string;
}
type PersonKeys = keyof Person; // "name" | "age" | "gender"在上面的代码中，我们定义了一个名为 Person 的接口，它有三个属性：name、age 和 gender。然后，我们使用 keyof 操作符来获取 Person 接口的所有属性名，并将它们存储在一个名为 PersonKeys 的类型中。PersonKeys 的类型为 "name" | "age" | "gender"，即 Person 接口的所有属性名的联合类型。
除了获取对象的属性名之外，keyof 操作符还可以用于其他一些场景。例如，我们可以使用 keyof 操作符来获取一个类的所有公共方法名：
class Animal {
public eat() {}
public sleep() {}
private run() {}
}
type AnimalKeys = keyof Animal; // "eat" | "sleep"在上面的代码中，我们定义了一个名为 Animal 的类，它有三个方法：eat、sleep 和 run。然后，我们使用 keyof 操作符来获取 Animal 类的所有公共方法名，并将它们存储在一个名为 AnimalKeys 的类型中。AnimalKeys 的类型为 "eat" | "sleep"，即 Animal 类的所有公共方法名的联合类型。
keyof 操作符的指导意义
keyof 操作符是 TypeScript 中非常有用的一个类型操作符，它可以帮助我们在编写代码时更加精确地定义类型。使用 keyof 操作符可以让我们避免手动输入属性名，从而减少出错的可能性。此外，keyof 操作符还可以帮助我们检查对象的属性名是否正确，从而提高代码的可靠性。
示例代码
下面是一些使用 keyof 操作符的示例代码，供读者参考：
// www.javascriptcn.com code example
interface User {
name: string;
age: number;
gender: string;
}
type UserKeys = keyof User; // "name" | "age" | "gender"
class Car {
public start() {}
public stop() {}
private turn() {}
}
type CarKeys = keyof Car; // "start" | "stop"
function getProperty<T, K extends keyof T>(obj: T, key: K) {
return obj[key];
}
const user: User = { name: "张三", age: 18, gender: "男" };
const name = getProperty(user, "name"); // "张三"
const age = getProperty(user, "age"); // 18
const gender = getProperty(user, "gender"); // "男"
const address = getProperty(user, "address"); // 报错：类型 "address" 的参数不能赋给类型 "name" | "age" | "gender" 的参数在上面的示例代码中，我们分别使用了 keyof 操作符来获取一个接口和一个类的所有属性名，以及使用了 keyof 操作符和泛型来获取一个对象的属性值。这些示例代码演示了 keyof 操作符的使用方法和指导意义，读者可以结合实际应用场景进行参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d48d71a941bf7134896e05