可为 null 的类型

1. 概述

在 TypeScript 中，null 和 undefined 是两种特殊的值，它们可以赋给任何类型的变量。为了更好地处理这些值，TypeScript 提供了可为 null 的类型。理解这些类型对于编写健壮的代码至关重要。

2. null 和 undefined

2.1 null

null 表示一个空值或不存在的对象。它是一个明确的值，表示“没有值”。

let userName: string | null = null;
console.log(userName); // 输出: null

2.2 undefined

undefined 表示一个未初始化的变量。它是一个默认值，表示“未定义”。

let userAge: number | undefined;
console.log(userAge); // 输出: undefined

3. 可为 null 的类型

在 TypeScript 中，你可以使用联合类型（|）来表示一个变量可以是某种类型或 null 或 undefined。

3.1 联合类型

let userName: string | null = "Alice";
userName = null; // 合法

let userAge: number | undefined = 25;
userAge = undefined; // 合法

3.2 类型保护

为了安全地处理可为 null 的类型，你可以使用类型保护。

function printUserName(name: string | null) {
    if (name !== null) {
        console.log(`User name is ${name}`);
    } else {
        console.log("User name is not provided");
    }
}

printUserName("Alice"); // 输出: User name is Alice
printUserName(null);    // 输出: User name is not provided

4. 实践练习

4.1 练习：处理用户输入

假设你正在开发一个用户注册系统，用户可以输入他们的名字和年龄。名字是必填项，而年龄是可选的。请编写一个函数来处理这些输入。

function registerUser(name: string, age?: number | null) {
    if (age !== undefined && age !== null) {
        console.log(`User ${name} is ${age} years old.`);
    } else {
        console.log(`User ${name} did not provide an age.`);
    }
}

registerUser("Alice", 25); // 输出: User Alice is 25 years old.
registerUser("Bob");       // 输出: User Bob did not provide an age.
registerUser("Charlie", null); // 输出: User Charlie did not provide an age.

4.2 练习：处理可能为 null 的对象

假设你有一个函数，它接受一个对象，该对象可能包含一个 address 属性，该属性可能为 null。请编写一个函数来处理这种情况。

interface User {
    name: string;
    address: string | null;
}

function printUserAddress(user: User) {
    if (user.address !== null) {
        console.log(`User ${user.name}'s address is ${user.address}`);
    } else {
        console.log(`User ${user.name} does not have an address.`);
    }
}

const user1: User = { name: "Alice", address: "123 Main St" };
const user2: User = { name: "Bob", address: null };

printUserAddress(user1); // 输出: User Alice's address is 123 Main St
printUserAddress(user2); // 输出: User Bob does not have an address.

5. 总结

可为 null 的类型在 TypeScript 中是一个强大的工具，可以帮助你编写更健壮的代码。通过使用联合类型和类型保护，你可以安全地处理可能为 null 或 undefined 的值。

6. 下一步

接下来，你可以学习 TypeScript 中的字面量类型，它允许你定义变量的具体值范围。这将帮助你进一步增强代码的类型安全性。

---

希望这篇教程能帮助你更好地理解 TypeScript 中的可为 null 的类型。继续练习和探索，你将能够编写出更加安全和可靠的 TypeScript 代码！