在 TypeScript 中，使用 typeof 操作符可以获取一个变量或表达式的类型。这个操作符可以用于多种场景，包括类型判断、类型转换等。本文将详细介绍如何使用 typeof 操作符。
typeof 操作符的基础用法
在 TypeScript 中，使用 typeof 操作符可以获取一个变量或表达式的类型。例如：
const num = 42; console.log(typeof num); // 输出 "number"
在上面的例子中，我们使用 typeof 操作符获取了变量 num 的类型，结果为 "number"。
typeof 操作符也可以用于函数或类的实例：
function getClassName(obj: any): string {
return typeof obj;
}
class MyClass {}
const myObj = new MyClass();
console.log(getClassName(myObj)); // 输出 "object"在上面的例子中，我们定义了一个函数 getClassName，它接受一个任意类型的参数 obj，并返回 obj 的类型。我们创建了一个 MyClass 的实例 myObj，并将其传递给 getClassName 函数，结果为 "object"。
typeof 操作符的高级用法
除了基础用法之外，typeof 操作符还有一些高级用法，可以帮助我们更好地利用 TypeScript 的类型系统。
判断类型
typeof 操作符可以用于判断一个变量或表达式的类型。例如：
const num = 42;
if (typeof num === "number") {
console.log("num is a number");
}在上面的例子中，我们使用 typeof 操作符判断变量 num 的类型是否为 "number"，如果是，则输出 "num is a number"。
类型转换
typeof 操作符还可以用于类型转换。例如：
const str = "42"; const num = +str; console.log(typeof num); // 输出 "number"
在上面的例子中，我们将字符串 "42" 转换为数字类型，使用了 typeof 操作符来获取转换后的变量类型。
获取类的类型
typeof 操作符还可以用于获取类的类型。例如：
class MyClass {}
const myClassType = typeof MyClass;
console.log(myClassType); // 输出 "function"在上面的例子中，我们使用 typeof 操作符获取了 MyClass 的类型，并将其赋值给 myClassType 变量。结果为 "function"，因为在 JavaScript 中，类本质上是一种特殊的函数。
获取函数的参数类型
typeof 操作符还可以用于获取函数的参数类型。例如：
function myFunc(num: number, str: string) {}
type MyFuncType = typeof myFunc;
type MyFuncParams = Parameters<MyFuncType>;
const params: MyFuncParams = [42, "hello"];
myFunc(...params);在上面的例子中，我们定义了一个函数 myFunc，它接受两个参数：一个数字类型和一个字符串类型。我们使用 typeof 操作符获取了 myFunc 的类型，并将其赋值给 MyFuncType 变量。然后，我们使用 Parameters 泛型类型获取了 myFunc 的参数类型，并将其赋值给 MyFuncParams 变量。最后，我们创建了一个参数数组 params，将其传递给 myFunc 函数，并使用扩展运算符将其展开为函数的参数。
总结
在 TypeScript 中，typeof 操作符可以用于多种场景，包括类型判断、类型转换等。我们可以使用 typeof 操作符获取变量或表达式的类型，也可以用它来获取类的类型、函数的参数类型等。这些高级用法可以帮助我们更好地利用 TypeScript 的类型系统，编写更加健壮、可维护的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6612ed87d10417a222364668