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