How to declare a type as nullable in TypeScript?

在TypeScript中，将类型声明为可空主要是通过联合类型实现的，即类型与null或undefined的联合。这样可以在类型安全的前提下处理值可能缺失的情况。

基本语法

你可以使用|（管道符）将原始类型与null或undefined合并，来声明一个可空的类型。例如：

typescript
let age: number | null;
let name: string | undefined;

在这个例子中，变量age可以被赋值为一个number类型的值，或者为null，而name可以是一个string类型的值或者为undefined。

使用例子

假设你正在编写一个应用，其中用户的个人信息是从网络请求中获取的。网络请求可能因为各种原因失败，例如网络错误或数据未找到等，此时用户的年龄和姓名可能并未定义。

typescript
interface UserProfile {
  name: string | undefined;
  age: number | null;
}

function fetchUserProfile(userId: string): UserProfile {
  // 模拟网络请求
  if (userId === "123") {
    return { name: "张三", age: 28 };
  } else {
    // 模拟请求失败情况
    return { name: undefined, age: null };
  }
}

const userProfile = fetchUserProfile("123");
console.log(userProfile.name); // 输出 "张三"
console.log(userProfile.age);  // 输出 28

const missingProfile = fetchUserProfile("unknown");
console.log(missingProfile.name); // 输出 undefined
console.log(missingProfile.age);  // 输出 null

在这个例子中，我们定义了一个UserProfile接口，其中的name和age字段是可空的。这表示在实际应用中，这些字段可能没有值（比如因为数据未加载完毕或请求失败）。通过将类型声明为可空，TypeScript可以帮助我们在编译阶段就识别出潜在的错误，例如尝试访问null或undefined的属性。

总结

通过使用联合类型将原始类型与null或undefined结合，TypeScript提供了一种安全且有效的方式来处理可选或缺失的数据。这种方式不仅增强了代码的健壥性，而且提高了开发效率，因为大部分潜在的错误可以在编译时被发现。