严格空值检查简介

严格空值检查是 TypeScript 中的一项功能，它通过强制执行类型安全来帮助避免 null 和 undefined 错误。

此功能确保您明确处理这些情况，使代码更加可靠且可预测。

什么是严格空值检查

启用严格空值检查后，TypeScript 会将 null 和 undefined 视为不同的类型，您必须在代码中明确处理它们。

启用严格空值检查

您可以在 tsconfig.json 文件中添加 "strictNullChecks": true 来启用严格空值检查：

{
  "compilerOptions": {
    "strictNullChecks": true
  }
}

处理 Null 和 Undefined

启用严格空值检查后，TypeScript 要求您明确处理 null 和 undefined：

function greet(name: string | null): void {
  if (name === null) {
    console.log('Hello, guest!');
  } else {
    console.log(`Hello, ${name}!`);
  }
}

greet(null);
// Output: Hello, guest!

可选链

可选链（?.）是一项与严格空值检查配合良好的功能，可以安全地访问可能为 null 或 undefined 的对象的属性：

const user = {
  profile: {
    name: 'Alice'
  }
};

console.log(user.profile?.name); // Output: Alice
console.log(user.profile?.age); // Output: undefined

非空断言运算符

非空断言运算符（!）告诉 TypeScript 某个值不是 null 或 undefined：

function getLength(text?: string): number {
  return text!.length;
}

console.log(getLength('Hello')); // Output: 5

严格空值检查的优势

启用严格空值检查可以带来以下优势：

• 在开发过程中更好地预防错误。
• 代码更加安全可靠。
• 处理 null 和 undefined 时更有信心。

练习任务

创建一个接受字符串或 null 的函数，并根据输入安全地记录一条消息。使用不同的输入对其进行测试。

恭喜您！

您已经学会了如何在 TypeScript 中使用严格空值检查来安全地处理 null 和 undefined 值。请练习使用这些技巧，编写更加安全且可预测的代码！