TypeScript Academy · 课时

typeof、相等性与真值收窄

使用 typeof、严格相等和真值判断来收窄联合类型,避免不安全的类型断言。

第 1 / 3 课8 个步骤

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 反馈 — 无需本地设置。

此课程中的所有课时

  1. typeof、相等性与真值收窄
  2. in、instanceof 与可辨识联合
  3. 使用 never 实现穷尽检查(入门)
← 返回 TypeScript Academy