typeof、相等性与真值收窄
使用 typeof、严格相等和真值判断来收窄联合类型,避免不安全的类型断言。
typeof、相等性与真值收窄 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 1 节课,共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 3 节课。
简介
目标:使用typeof、严格相等和真值判断,将宽泛的联合类型收窄为确切类型。这样可以安全地访问属性和方法。
typeof 收窄
typeof可以收窄原始类型(string、number、boolean、bigint、symbol、undefined)。请使用它来安全地进行分支处理。
function printLen(x: string | number) {
if (typeof x === "string") {
console.log(x.length); // x is string
} else {
console.log(x.toFixed(2)); // x is number
}
}
printLen("TS");
printLen(3.14);严格相等
请优先使用===/!==进行精确收窄;避免使用会进行强制转换、让人和编译器都困惑的 ==。
function greet(x: string | null) {
if (x !== null) {
// x is string here
console.log("Hello " + x.toUpperCase());
} else {
console.log("No name");
}
}
greet("Ada");
greet(null);真值收窄
真值判断也可以进行收窄,但请注意:""和0即使是有效值,也会被视为假值。必须区分它们时,请使用严格检查。
function show(v: string | 0 | "" | null | undefined) {
if (v) {
// v is string here (non-empty)
console.log("value:", v);
} else {
// v is "", 0, null, or undefined
console.log("empty");
}
}
show("ok");
show("");
show(0);组合检查
请组合多个检查来保护嵌套访问。需要更精细的控制时,如果 0/"" 是有效情况,请优先使用显式的 u !== null && u !== undefined 检查。
type MaybeUser = { name: string } | null | undefined;
function hi(u: MaybeUser) {
if (u && u.name) {
console.log("Hi " + u.name);
} else {
console.log("No user");
}
}
hi({ name: "Lin" });
hi(null);指导原则
指导原则:
- 原始类型应使用typeof。
- 请使用===/!==来避免强制转换。
- 真值判断更加简洁;空字符串或零具有实际意义时,请避免使用它。
收窄检查
快速检查:哪项检查可以正确地将值收窄为字符串?
回顾
回顾:使用typeof、严格相等和真值判断来收窄类型。0/"" 是有效值时,请优先使用显式检查。
用 AI 导师学习 TypeScript — 免费
在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。
- 课程
- 101
- 课程
- 352
常见问题解答
「typeof、相等性与真值收窄」课时是免费的吗?
是的 — 「typeof、相等性与真值收窄」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 TypeScript Academy 课程的其余内容,请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 3 节课。
「typeof、相等性与真值收窄」这节课中我会学到什么?
使用 typeof、严格相等和真值判断来收窄联合类型,避免不安全的类型断言。 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 TypeScript Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 3 节。
「typeof、相等性与真值收窄」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 TypeScript Academy 课中编写并运行代码吗?
能。每节 TypeScript Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- typeof、相等性与真值收窄
- in、instanceof 与可辨识联合
- 使用 never 实现穷尽检查(入门)