向我解释keyof typeof在TypeScript中的含义
例子:
enum ColorsEnum {
white = '#ffffff',
black = '#000000',
}
type Colors = keyof typeof ColorsEnum;
最后一行相当于:
type Colors = "white" | "black"
但是它是如何工作的呢？
我希望typeof ColorsEnum会返回"Object"，然后keyof "Object"不会做任何有趣的事情.但我显然错了.
keyof接受一个对象类型并返回一个接受该对象的任何键的类型.
type Point = { x: number; y: number };
type P = keyof Point; // type '"x" || "y"'
const coordinate: P = 'z' // Type '"z"' is not assignable to type '"x" | "y"'.
typeof在javascript对象上调用时的行为与在typescript类型上调用时的行为不同.
"undefined", "object", "boolean", "number", "bigint", "string", "symbol", "function"中的一个type Language = 'EN' | 'ES';
const userLanguage: Language = 'EN';
const preferences = { language: userLanguage, theme: 'light' };
console.log(typeof preferences); // "object"
type Preferences = typeof preferences; // type '{language: 'EN''; theme: string; }'
因为第二个typeof preferences是在类型表达式中，所以实际上调用的是TypeScript自己的typeof，而不是javascript.
因为keyof是一个TypeScript概念，所以我们将其称为TypeScript的verion of typeof.
类型键将推断javascript对象的类型，并返回一个类型，该类型是其键的并集.因为它可以推断出键的确切值，所以它可以返回literal types的并集，而不仅仅是返回"string".
type PreferenceKeys = 类型键 preferences; // type '"language" | "theme"'