在 TypeScript 中，类型转换是非常重要的一环。它帮助我们更好地管理变量的类型，并避免一些常见的错误，如类型不匹配等。
何时需要类型转换？
在 TypeScript 中，每个变量都有一个固定的类型。在一些场景下，需要将变量类型转换为另一种类型。比如：
- 当使用一个不确定类型的变量时，我们需要将它转换成一个确切的类型，以免出现类型不匹配的错误。
- 当某个变量的类型无法在编译时确定，但我们又需要在代码中使用这个变量时，我们需要进行类型转换。
以上两种情况是 TypeScript 中常见的类型转换场景。
as 关键字
在 TypeScript 中，我们可以使用 as 关键字进行类型转换。as 的语法如下：
let variable: any = 'Hello World!'; let strLength: number = (variable as string).length;
在以上代码中，我们先将一个 any 类型的变量赋值为一个字符串，然后使用 as 将其转换为 string 类型。接着我们可以通过 .length 属性获取它的长度。
需要注意的是，如果我们使用 as 进行类型转换时，如果类型不兼容，TypeScript 不会报错，而是在运行时才会失败。
尖括号语法
除了 as 关键字，TypeScript 还支持另一种类型转换语法，即尖括号语法。
let variable: any = 'Hello World!'; let strLength: number = (<string>variable).length;
与 as 关键字类似，尖括号语法也可以将一个变量转换为指定的类型。不同之处仅在于语法格式。
需要注意的是，如果我们在 JSX 中使用尖括号语法，可能会与 JSX 的语法产生冲突，无法编译通过。因此，在 JSX 中尽量使用 as 关键字。
类型保护
在 TypeScript 中，类型转换只是解决了一部分类型不匹配的问题。更进一步的解决方案是使用类型保护。
类型保护是指在代码中通过某种方式判断变量是否是某种类型，从而在代码中对其进行安全地使用。TypeScript 支持多种类型保护方式，如 typeof、instanceof 等。下面我们来看一个例子：
-- -------------------- ---- -------
----- --- -
----- -
------------------
-
-
----- --- -
----- -
------------------
-
-
-------- ------------- --- - ----- ------ -- --- -
------ ------- -- -------- --- ----------
-
-------- -------------------- --- - ---- -
-- --------------- -
-------------
- ---- -
-------------
-
-
---------------- ------- -- --
---------------- ------- -- --在以上代码中，我们定义了两个类 Cat 和 Dog，以及一个函数 handleAnimal，这个函数接受一个参数 animal。在函数内部，我们通过 isCat 函数对这个参数的类型进行了判断，并根据类型执行不同的方法。
需要注意的是，isCat 函数返回值类型是 animal is Cat，而不是 boolean。这是一种特殊的语法，表示这个函数返回值是一个类型保护，可以在之后的代码中使用。
总结
类型转换是 TypeScript 编程中不可或缺的一部分。通过学习本文，你已经掌握了 as、尖括号语法以及类型保护等类型转换技巧。合理地使用类型转换，可以让我们的代码更加稳定和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654f41687d4982a6eb838361