TypeScript 基础 — Null 和 Undefined

在 JavaScript 中，null 和 undefined 是两种特殊的值，用于表示缺失或未定义的对象或变量。然而，由于 JavaScript 的动态类型系统，这些值经常导致运行时错误。TypeScript 作为 JavaScript 的超集，增加了类型安全检查，以帮助开发者更早地发现并修复这些问题。
在 TypeScript 中，null 和 undefined 是两种独立的类型。这意味着你不能将一个变量赋值为 null 或 undefined 之外的其他值。TypeScript 的类型系统会强制检查变量的类型，确保它们在使用之前已经被正确初始化。
下面是一些使用 null 和 undefined 的示例：

let x: number | null = null; // 变量 x 的类型是数字或 null
function greet(name: string | null) {
if (name !== null) {
console.log('Hello, ' + name);
} else {
console.log('No name provided');
}
}
greet(null); // 输出：No name provided
greet('Alice'); // 输出：Hello, Alice

在这个例子中，我们定义了一个函数 greet，它接受一个字符串或 null 作为参数。在函数内部，我们检查 name 是否为 null，如果不是，则输出问候语。由于 TypeScript 的类型检查，我们不能将一个非 null 的值赋给一个声明为 null 的变量。
然而，有时候你可能需要将一个值赋给一个可能是 null 或 undefined 的变量。在这种情况下，你可以使用条件运算符来安全地检查值是否为 null 或 undefined。例如：

let y: string | null = getSomeValue(); // 假设 getSomeValue() 可能返回字符串或 null
let greeting: string;
if (y !== null && typeof y !== 'undefined') {
greeting = 'Hello, ' + y;
} else {
greeting = 'No name provided';
}

在这个例子中，我们使用条件运算符来检查 y 是否为 null 或 undefined。只有当 y 既不是 null 也不是 undefined 时，我们才将其添加到问候语中。这样可以确保我们不会在尝试访问未定义的值时出现运行时错误。
总的来说，TypeScript 的类型系统通过强制使用明确的类型注解和类型检查，可以帮助你更好地管理和处理 null 和 undefined 值。这样可以减少运行时错误并提高代码的健壮性。在实际开发中，确保你了解你的数据模型中哪些字段可能是 null 或 undefined，并相应地处理它们。