TypeScript 类型断言

类型断言（Type Assertion）用来告诉编译器：「这个值的类型我比你更清楚」。它不会改变运行时行为，只在编译阶段影响类型检查，类似其他语言里的强制类型转换（但没有运行时转换）。

基本语法

常用两种写法：as 语法与尖括号语法。在 JSX/TSX 中尖括号会与标签冲突，因此推荐统一使用 as：

let someValue: unknown = "hello world";
let len: number = (someValue as string).length;
console.log(len); // 输出：11

// 尖括号写法（TSX 中不可用）
let other: unknown = "abc";
let len2: number = (<string>other).length;
console.log(len2); // 输出：3

常见用途：收窄宽泛类型

把 any / unknown / 联合类型收窄为更具体的类型后再使用：

let input: any = "12345";
let num: number = Number(input);   // 真正的类型转换
let str: string = input as string; // 仅类型层面的断言
console.log(num + 1, str.length);  // 输出：12346 5

DOM 操作中的断言

获取 DOM 元素返回的是 HTMLElement，用断言转成更具体的类型，才能访问其专属成员：

// 以下片段需在浏览器环境（含 DOM 类型库）中运行
let input = document.getElementById("username") as HTMLInputElement;
input.value = "张三"; // 若不断言，input 上没有 value 属性
console.log(input.value); // 输出：张三

断言与类型转换的区别

断言只是「让编译器闭嘴」，不做运行时转换。断言失误不会抛错，却可能留下隐患：

let value: unknown = "42";
let n: number = value as number; // 编译通过
console.log(n + 1); // 输出：421（运行时仍是字符串，发生了拼接！）

要把字符串真正变成数字，应使用 Number() 或 parseInt()。

双重断言

当类型之间差异过大无法直接断言时，可先转成 unknown 再转目标类型，但应尽量少用：

let age: number = 18;
// let s: string = age as string;        // 报错：两者不充分重叠
let s: string = age as unknown as string; // 双重断言，绕过了检查
console.log(s); // 输出：18（运行时仍是数字）

小结

类型断言是把「已知信息」告诉编译器的高级手段，常用于 any/unknown 收窄与 DOM 操作。记住：断言是编译期行为而非运行时转换，能不用就不用，需要转换数据时请使用 Number()、String() 等方法。