TypeScript 如何定义一个可空类型

前言

在编程中，我们经常需要定义变量或参数为空或不存在的情况。 为了避免在程序运行时发生错误，TypeScript 提供了一种可空类型的定义方式，使开发者可以明确地定义一个参数或变量可以为空或不存在。

什么是可空类型

可空类型（Nullable Types）是 TypeScript 引入的一个新特性，可以将一个值或引用定义为 null 或 undefined。 可空类型可以用在变量、函数参数、函数返回值等场景中，方便处理一些特殊情况。

如何定义可空类型

在 TypeScript 中，可以使用 ? 符号来定义可空类型。 假设我们有一个变量 name，可以为空，那么定义它的可空类型就可以这样写：

let name: string | null | undefined;

上面的代码中，使用了联合类型（Union Types），将 string、null 和 undefined 进行联合，表示 name 可以是这三种类型之一。

如果一个函数的参数也可以为空，则可以这样定义：

function sayHello(name?: string): void {
  console.log(`Hello ${name}`);
}

上面的代码中，使用了可选参数（Optional Parameters），在参数名称后面加上 ? 符号，表示该参数可以为空或不存在。

如果一个函数的返回值可以为空，则可以这样定义：

function getAge(): number | null {
  return Math.random() > 0.5 ? 25 : null;
}

上面的代码中，使用了联合类型，将 number 和 null 进行联合，表示返回值可以是这两种类型之一。

可空类型的注意事项

使用可空类型的时候，需要注意以下几点：

1. 可空类型只能用于引用类型。 数值、布尔值和字符串不能定义为可空类型。

2. 可空类型必须用联合类型定义。 单独使用 null 或 undefined 是不行的，必须和其他类型进行联合。

3. 在访问可空类型的属性或方法之前，必须先判断是否为空。 否则会抛出运行时错误。例如：

   let name: string | null = null;
   console.log(name.length); // TypeError: Cannot read property 'length' of null

   需要改成这样：

   let name: string | null = null;
   if (name !== null) {
     console.log(name.length);
   }

4. 定义了可空类型的变量，不能使用严格相等符 === 或 !== 判断是否相等。 因为 null 和 undefined 是不同类型，只有 == 或 != 才能使用。例如：

   let name: string | null = null;
   console.log(name === null); // true
   console.log(name !== ""); // true

总结

在 TypeScript 中使用可空类型，可以方便地处理变量、函数参数和返回值为空或不存在的情况，避免运行时错误的发生。 但是需要注意可空类型的定义方式、访问属性或方法的前提判断以及相等性的判断方式。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649bdaba48841e989489cb83