在前端开发中，我们经常会遇到 null 和 undefined 这两个值。TypeScript 作为一种静态类型语言，对于这两个值的处理方式也有一些特别的地方。本文将详细介绍 TypeScript 中对 null 和 undefined 的处理方式，帮助大家更好地理解和使用 TypeScript。
什么是 null 和 undefined
在 JavaScript 中，null 和 undefined 都表示“空值”。具体来说，null 表示“没有对象”，而 undefined 表示“缺少值”。例如：
const obj = null; // 表示没有对象 let num: number | undefined; // 表示缺少值
在 TypeScript 中，null 和 undefined 都是一种类型，分别为 null 和 undefined。例如：
const obj: null = null; let num: number | undefined;
null 和 undefined 的默认值
在 TypeScript 中，如果一个变量没有被初始化，它的默认值为 undefined。例如：
let num: number; console.log(num); // 输出 undefined
但是，如果我们将 strictNullChecks 设置为 true，TypeScript 将会禁止使用未定义的变量，这时候就需要明确地将变量初始化为 null 或 undefined。例如：
let num: number | null = null; console.log(num); // 输出 null
null 和 undefined 的比较
在 JavaScript 中，null 和 undefined 在比较时有一些特殊的规则。例如，null == undefined 返回 true，但 null === undefined 返回 false。在 TypeScript 中，这些规则同样适用。例如：
console.log(null == undefined); // 输出 true console.log(null === undefined); // 输出 false
null 和 undefined 的类型检查
在 TypeScript 中，如果一个变量可能为 null 或 undefined，我们可以使用联合类型来进行类型检查。例如：
function getName(name: string | null | undefined): string {
return name ?? "Unknown"; // 如果 name 为 null 或 undefined，则返回 "Unknown"
}
console.log(getName(null)); // 输出 "Unknown"
console.log(getName(undefined)); // 输出 "Unknown"
console.log(getName("Tom")); // 输出 "Tom"null 和 undefined 的非空断言
在 TypeScript 中，我们可以使用非空断言运算符（!）来告诉编译器，一个变量一定不为 null 或 undefined。例如：
function getName(name: string | null | undefined): string {
return name!.toUpperCase(); // 告诉编译器，name 一定不为 null 或 undefined
}
console.log(getName(null)); // 抛出异常
console.log(getName(undefined)); // 抛出异常
console.log(getName("Tom")); // 输出 "TOM"需要注意的是，过度使用非空断言运算符可能会导致代码不稳定，因此应该谨慎使用。
总结
本文介绍了 TypeScript 中对 null 和 undefined 的处理方式，包括默认值、比较、类型检查和非空断言。希望本文能够帮助大家更好地理解和使用 TypeScript。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c36e8fadd4f0e0ffdbd660