如何在 TypeScript 中检查 null 和 undefined？

在 TypeScript 中检查 null 和 undefined 是一项非常重要的任务，因为它可以帮助我们避免不必要的程序异常和错误，提高程序的健壮性和可维护性。本文将介绍如何在 TypeScript 中检查 null 和 undefined。

null 和 undefined 是什么？

在 JavaScript 中，null 和 undefined 是两个特殊的值，表示一个变量不具有任何有用的值，即不存在或未定义。null 表示一个空对象引用，而 undefined 表示一个不存在的变量或属性。

在 TypeScript 中，null 和 undefined 也有对应的类型，分别为 null 和 undefined。这些类型有严格的赋值规则，即不能将 null 和 undefined 赋值给除此以外的任何类型（除了 undefined 可以赋值给 void 类型）。这可以在编译期间帮助我们检测类型错误和空引用异常。

如何检查 null 和 undefined？

在 TypeScript 中，我们可以使用以下方式检查一个变量是否为 null 或 undefined：

1. 使用类型断言

类型断言可以将一个变量强制转换为指定的类型，在这个过程中可以进行一些类型检查。我们可以使用 ! 来告诉编译器，这个变量不会是 null 或 undefined。示例代码如下：

const x: string | null | undefined = "hello world";

// 断言 x 不为 null 或 undefined
if (x !== null && x !== undefined) {
  console.log(x.length);
}

// 断言 x 不为 undefined
if (x != undefined) {
  console.log(x.length);
}

2. 使用非空断言操作符

非空断言操作符 ! 可以告诉编译器，这个变量不可能为 null 或 undefined，从而取消编译器的类型检查。这种方式适用于我们确保变量不为 null 或 undefined 的情况。示例代码如下：

const x: string | null | undefined = "hello world";

// 使用非空断言操作符
console.log(x!.length);

3. 使用 optional chaining 操作符

optional chaining 操作符 ?. 可以在保证安全调用的前提下，避免编译期间的类型检查错误。这种方式可以在调用对象的方法或属性之前检查这个对象是否为 null 或 undefined，如果是，则停止调用，并返回 undefined。示例代码如下：

const obj: { x?: { y?: number } } = {};

// 使用 optional chaining 操作符
const value = obj.x?.y;
console.log(value); // 输出: undefined

总结

在 TypeScript 中检查 null 和 undefined 是一项非常重要的任务，可以帮助我们避免不必要的程序异常和错误。我们可以使用类型断言、非空断言操作符和 optional chaining 操作符来检查 null 和 undefined。在使用这些操作符的过程中，需要注意保证程序的健壮性和可维护性。