TypeScript 基础：非空断言操作符、可选链运算符、空值合并运算符
2023-12-07 10:34:21
在 TypeScript 中巧妙处理空值：非空断言、可选链和空值合并
在 TypeScript 的世界中，我们经常面临着处理可能为 null 或 undefined 的值的难题。为了避免由此带来的错误，TypeScript 贴心地提供了三种强大的运算符：非空断言、可选链和空值合并。让我们深入探索这些运算符的用法，让你的 TypeScript 代码更加健壮和优雅。
非空断言操作符：让 TypeScript 信任你
想象一下，你有一个名为 getFullName() 的函数，它负责从数据库中获取一个人的全名。然而，如果数据库中没有该人的记录，该函数就会返回 null。现在，你迫切需要使用这个全名，但你又不想冒出现 null 引发的错误的风险。
这里，非空断言操作符 (!) 就派上用场了。它向 TypeScript 编译器发出信号，表明你确信该值不会为 null 或 undefined。就像在说："嘿，编译器，我知道这个值一定存在，请相信我！"
function getFullName(): string | null {
const fullName = getFullNameFromDatabase();
if (fullName === null || fullName === undefined) {
return null;
}
return fullName!; // 使用非空断言操作符
}
通过使用非空断言，你有效地告诉 TypeScript："尽管函数可能会返回 null，但在这个上下文中，我保证它不会发生。"这消除了在使用 fullName 时可能出现的错误。
可选链运算符：优雅地访问潜在的空值
有时，我们需要访问的对象或数组中的属性，但这些属性或数组元素可能为 null 或 undefined。如果我们鲁莽地尝试访问它们，就会引发令人头疼的错误。
可选链运算符 (?.) 应运而生。它允许我们安全地访问这些潜在的空值，而不会触发错误。它就像一个谨慎的探险家，在遇到障碍物时会优雅地返回 undefined，而不是冒然前进。
const person = {
name: 'John Doe',
};
// 如果 person.age 为 null 或 undefined，则返回 undefined
console.log(person?.age); // undefined
有了可选链运算符，即使我们访问不存在的属性，也不会破坏代码的执行。它就像一个保护措施，防止我们掉入 null 的陷阱。
空值合并运算符：备用方案的完美选择
当你需要一个备用值来填补潜在的 null 或 undefined 空白时，空值合并运算符 (??) 就派上用场了。它将两个值进行比较，返回第一个非空值。
想象一下，你有一个 name 变量，但它可能为 null。你想使用一个备用名称，比如 "John Doe"，如果 name 为空。
const name = null;
const defaultName = 'John Doe';
// 如果 name 为 null 或 undefined，则返回 defaultName
const fullName = name ?? defaultName;
通过使用空值合并运算符，我们确保了即使 name 为空，我们也能得到一个有效的全名。它就像一个保险机制，确保我们的代码在任何情况下都能正常运行。
结论
非空断言、可选链和空值合并运算符是 TypeScript 中处理 null 和 undefined 的强大工具。它们使我们能够自信地处理可能为空的值，避免错误，并编写更加健壮和可维护的代码。拥抱这些运算符的力量，提升你的 TypeScript 编程技巧，让你的代码闪耀着优雅和可靠的光芒。
常见问题解答
-
什么时候应该使用非空断言操作符？
- 当你确信某个值不会为
null或undefined时，并且希望避免错误。
- 当你确信某个值不会为
-
可选链运算符比非空断言操作符更安全吗？
- 是的，因为可选链运算符在遇到
null或undefined时会返回undefined，而不会引发错误。
- 是的，因为可选链运算符在遇到
-
空值合并运算符可以用来比较多个值吗？
- 否，它只能比较两个值。
-
这些运算符在 TypeScript 中的优先级是什么？
- 非空断言操作符的优先级最高，其次是可选链运算符，最后是空值合并运算符。
-
什么时候应该避免使用非空断言操作符？
- 当你不确定某个值是否可能为
null或undefined时，应避免使用非空断言操作符。
- 当你不确定某个值是否可能为
