TypeScript Type Assertions - 类型断言

有时，您会获得有关 TypeScript 不知道的值类型的信息。

例如，如果你使用 document.getElementById，TypeScript 只知道这会返回某种 HTMLElement，但你可能知道你的页面总是有一个带有给定 ID 的 HTMLCanvasElement。

在这种情况下，您可以使用类型断言来指定更具体的类型：

const myCanvas = document.getElementById("main_canvas") as HTMLCanvasElement;

1

与类型注释一样，类型断言由编译器删除，不会影响代码的运行时行为。

您还可以使用尖括号语法（除非代码在 .tsx 文件中），它是等效的：

const myCanvas = document.getElementById("main_canvas");

1

TypeScript 只允许类型断言转换为更具体或不太具体的类型版本。 此规则可防止“不可能”的强制，例如：

const x = “hello” as number;

Conversion of type ‘string’ to type ‘number’ may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to ‘unknown’ first.

Sometimes this rule can be too conservative and will disallow more complex coercions that might be valid. If this happens, you can use two assertions, first to any (or unknown, which we’ll introduce later), then to the desired type.

如下图所示：