在 TypeScript 中，null 和 undefined 是两个特殊的类型，它们分别表示值为 null 或 undefined。在 JavaScript 中，如果没有显式地给变量赋值，则其值为 undefined。而 null 则通常用于表示变量的值为空。在本文中，我们将详细讨论 TypeScript 中 null 和 undefined 的类型推断，以及如何正确地使用它们。
null 和 undefined 的类型推断
在 TypeScript 中，null 和 undefined 都是可以作为类型的。例如：
let x: null = null; let y: undefined = undefined;
这意味着我们可以将变量的类型指定为 null 或 undefined。但是，在实际开发中，我们通常会遇到一些问题，例如：
let x = null; let y = undefined;
这里我们没有显式地指定变量的类型，而是让 TypeScript 自动推断。但是，TypeScript 推断出来的类型是什么呢？
在 TypeScript 中，null 和 undefined 都有自己的类型，分别是 null 和 undefined。如果一个变量没有指定类型，而其值为 null 或 undefined，TypeScript 会将其类型推断为 any。这就意味着，如果我们没有指定变量的类型，而其值为 null 或 undefined，那么这个变量的类型就是 any。
这样做的原因是为了避免类型错误。如果我们将一个值为 null 或 undefined 的变量赋值给一个类型为 string 的变量，那么 TypeScript 就会报错。例如：
let x = null; let y: string = x; // Error: Type 'null' is not assignable to type 'string'
因此，如果我们希望一个变量的类型是 null 或 undefined，我们需要显式地指定其类型。例如：
let x: null = null; let y: undefined = undefined;
如何正确地使用 null 和 undefined
在实际开发中，我们通常会遇到需要使用 null 或 undefined 的情况。例如，如果一个函数的返回值可能为空，我们可以将其类型指定为返回值类型加上一个 | null 或 | undefined。例如：
function getName(): string | null { return null; } let name = getName(); if (name !== null) { console.log(name.length); }
在这个例子中，getName 函数的返回值类型是 string | null。如果返回值为 null，我们就需要在使用前判断一下。
另外，我们还可以使用可选属性来表示一个属性的值可能为空。例如：
interface Person { name: string; age?: number; } let person: Person = { name: '张三' };
在这个例子中，Person 接口中的 age 属性是可选的，即它的值可以为 undefined 或不存在。这样做的好处是，我们可以在使用 age 属性时不需要进行判断，因为 TypeScript 会自动将其类型推断为 number | undefined。
总结
在 TypeScript 中，null 和 undefined 是两个特殊的类型，它们分别表示值为 null 或 undefined。如果一个变量没有指定类型，而其值为 null 或 undefined，TypeScript 会将其类型推断为 any。因此，我们需要显式地指定变量的类型，以避免类型错误。在实际开发中，我们可以使用可选属性或将函数的返回值类型指定为返回值类型加上一个 | null 或 | undefined 来表示一个属性或函数的值可能为空。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660ba0ebd10417a222bc9a00
