在 TypeScript 中，null 和 undefined 是常见的数据类型。但是，它们的使用往往会引起一些问题，比如类型错误和运行时错误。为了正确地使用它们，我们需要了解它们的特性和使用方法。
null 和 undefined 的特性
在 TypeScript 中，null 和 undefined 是两个特殊的类型，它们都表示缺失值。它们的区别在于，null 表示一个空对象引用，而 undefined 表示一个未定义的值。具体来说，null 可以赋值给任何对象类型，而 undefined 可以赋值给任何类型。
我们可以使用 typeof 运算符来检查一个变量的类型。例如：
let x: null = null; console.log(typeof x); // "object" let y: undefined = undefined; console.log(typeof y); // "undefined"
需要注意的是，null 和 undefined 都是 JavaScript 的原始值，它们的类型并不是对象。但是，由于历史原因，typeof null 的结果是 "object"，这是一个常见的错误。
如何正确使用 null 和 undefined
在 TypeScript 中，我们应该尽可能地避免使用 null 和 undefined。因为它们往往会引起类型错误和运行时错误。但是，在某些情况下，我们不得不使用它们。在这种情况下，我们需要遵循一些规则，以确保程序的正确性。
1. 不要将 null 和 undefined 赋值给其他类型
在 TypeScript 中，null 和 undefined 是两个特殊的类型，它们只能赋值给自己和彼此。如果我们将它们赋值给其他类型，就会导致类型错误。例如：
let x: number = null; // Error let y: string = undefined; // Error
2. 使用联合类型来处理可能为 null 或 undefined 的值
当我们处理某个值时，如果它可能为 null 或 undefined，我们可以使用联合类型来表示它。例如：
function foo(x: string | null | undefined) {
if (x === null || x === undefined) {
console.log("x is null or undefined");
} else {
console.log("x is a string: " + x);
}
}3. 使用非空断言运算符来处理可能为 null 或 undefined 的值
在 TypeScript 中，我们可以使用非空断言运算符 "!" 来告诉编译器，某个值不可能为 null 或 undefined。但是，我们需要谨慎使用它，因为它可能会导致运行时错误。例如：
let x: string | null = "hello"; let y: string = x!; // OK let z: string | null = null; let w: string = z!; // Runtime error
4. 使用可选属性来处理可能为 null 或 undefined 的值
当我们定义一个对象时，如果某个属性可能为 null 或 undefined，我们可以使用可选属性来表示它。例如：
interface Person {
name: string;
age?: number;
}
let p1: Person = { name: "Alice" };
let p2: Person = { name: "Bob", age: 20 };总结
在 TypeScript 中，null 和 undefined 是两个特殊的类型，它们表示缺失值。为了正确地使用它们，我们需要遵循一些规则，比如不要将它们赋值给其他类型，使用联合类型来处理可能为 null 或 undefined 的值，使用非空断言运算符来处理不可能为 null 或 undefined 的值，使用可选属性来处理可能为 null 或 undefined 的值。只有这样，我们才能写出可靠的 TypeScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6606143ed10417a222402eab