在 TypeScript 中，类型保护是一个非常重要的概念。简单来说，类型保护是一种机制，可以在编译时检查代码中的类型，并在运行时防止类型错误。TypeScript 中有多种类型保护机制，其中一种常用的机制是使用 typeof 操作符。在本文中，我们将详细介绍 TypeScript 中的类型保护，特别是 typeof 操作符的使用。
什么是类型保护？
在 TypeScript 中，类型保护是一种机制，可以在编译时检查代码中的类型，并在运行时防止类型错误。简单来说，类型保护是一种方法，可以确保代码中的变量具有正确的类型。在 JavaScript 中，由于类型是动态的，通常需要在运行时检查变量的类型。然而，在 TypeScript 中，我们可以在编译时检查变量的类型，这样就可以避免许多运行时错误。
TypeScript 中的类型保护
在 TypeScript 中，有多种类型保护机制，包括 typeof 操作符、instanceof 操作符、in 操作符等。在本文中，我们将主要介绍 typeof 操作符的使用。
typeof 操作符
在 TypeScript 中，typeof 操作符可以用于检查变量的类型。例如，我们可以使用 typeof 操作符来检查一个变量是否为字符串类型：
function isString(value: unknown): value is string {
return typeof value === 'string';
}在上面的代码中，我们定义了一个函数 isString，它接受一个参数 value，该参数的类型为 unknown。我们使用 typeof 操作符来检查 value 是否为字符串类型，如果是，则返回 true，否则返回 false。请注意，我们在函数签名中使用了 value is string，这是一个类型谓词，它告诉 TypeScript，如果函数返回 true，则 value 的类型为 string。
我们可以使用 isString 函数来检查一个变量是否为字符串类型：
const str = 'Hello, TypeScript!';
if (isString(str)) {
console.log(str.toUpperCase());
}在上面的代码中，我们使用 isString 函数来检查变量 str 是否为字符串类型。如果是，则将 str 转换为大写字母并输出。
类型保护示例
下面是一个使用 typeof 操作符的类型保护示例：
-- -------------------- ---- -------
--------- ------ -
----- -------
---- -------
-
-------- --------------- --------- ----- -- ------ -
------ ------ ----- --- -------- -- ----- --- ---- -- ------ -- ----- -- ----- -- ------
-
-------- ------------- -------- -
-- ------------------ -
------------------- ------------------
- ---- -
------------------- ------------
-
-
----- ---- - - ----- ------- ---- -- --
----- ---- - - ----- ------ --
------------ -- --------- -----
------------ -- --------- ---------在上面的代码中，我们定义了一个接口 Person，它有两个属性 name 和 age。我们还定义了一个函数 isPerson，它使用 typeof 操作符来检查一个变量是否为 Person 类型。
在 greet 函数中，我们首先检查参数 person 是否为 Person 类型。如果是，则输出 Hello, {person.name}!，否则输出 Hello, stranger!。
最后，我们定义了两个变量 john 和 mary，分别表示两个人。我们使用 greet 函数来问候这两个人，并检查它们是否为 Person 类型。
结论
在 TypeScript 中，类型保护是一种非常重要的概念。使用类型保护，我们可以在编译时检查代码中的类型，并在运行时防止类型错误。在本文中，我们介绍了 TypeScript 中的类型保护机制，特别是 typeof 操作符的使用。我们希望本文能够帮助您更好地理解 TypeScript 中的类型保护，并在实际开发中应用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67668da976af2b9a20f89b58