【TS 教程-04】什么是类型断言(Type Assertion)?VS 类型转换?

myzbx 2025-06-15 18:00 3 浏览

你是否也写过这样的代码：

const val = someData as string;

你以为是类型“转换”？其实是类型断言（Type Assertion），完全不是一回事！

今天我们就来讲清楚这两个看似相似、实则天差地别的概念！

1. 一句话区分：

类型断言（Type Assertion）：告诉 TypeScript "我比你更懂"，不改值，只改“类型标注”。

类型转换（Type Conversion）：真的改变变量的值/格式，JS运行时会发生变化。

let val: unknown = "hello";
let len = (val as string).length; // 告诉 TS：我确定 val 是 string

实际运行时 val 还是原来的 "hello"，并不会做任何转换。

错误断言也不会报错：

let num = "123" as number; //  不会提示错误，运行时还是字符串

let val = "123";

let num1 = Number(val); //  转成数字 123
let num2 = parseInt(val); //  转成数字 123

let str = String(456); //  转成字符串 "456"

你以为断言是安全的，其实它根本不会验证真实类型：

let obj: any = { x: 1 };

// 你说它是 string，它也不拦你
let str = obj as string;

console.log(str.toUpperCase()); //  运行时报错：str 不是 string

断言是“自信”，不是“验证”。滥用断言 = 摘掉安全头盔！

泛型（Generic）是啥？为啥你写的函数不好复用？
我们来手把手写一个泛型函数，让代码更强大！

关注我，每天掌握一个 TypeScript 编码必备知识点！

JS 变量