JavaScript 中的空合并运算符`??`

百变鹏仔 3天前 #JavaScript

文章标签运算符

在本博客中，我们将探讨 javascript 中的空合并运算符 ??。我们将它与逻辑 or 运算符 || 进行比较，讨论其优先级，并提供实际示例来帮助您理解其用法。让我们潜入吧！

空值合并运算符??

空值合并运算符 ?? 用于在处理 null 或 undefined 时提供默认值。当左侧操作数为 null 或 undefined 时，它返回右侧操作数。否则，它返回左侧操作数。

语法：

result = value1 ?? value2;

示例：

let user = null;let defaultuser = "guest";let currentuser = user ?? defaultuser;console.log(currentuser); // output: "guest"

说明：

与 || 比较

逻辑或运算符||返回它遇到的第一个真值。这意味着如果左操作数为假，它将返回右操作数 (false, 0, "", null、未定义、nan）。

立即学习“Java免费学习笔记（深入）”；

示例：

let user = "";let defaultuser = "guest";let currentuser = user || defaultuser;console.log(currentuser); // output: "guest"

说明：

主要差异

示例：

let user = 0;let defaultuser = "guest";let currentuser1 = user ?? defaultuser;let currentuser2 = user || defaultuser;console.log(currentuser1); // output: 0console.log(currentuser2); // output: "guest"

说明：

优先级

空合并运算符 ?? 的优先级低于大多数其他运算符，包括逻辑 or 运算符 ||。这意味着涉及 ?? 的表达式在涉及 ||.

的表达式之后求值

示例：

let a = null;let b = false;let c = "hello";let result1 = a ?? b || c;let result2 = a || b ?? c;console.log(result1); // output: "hello"console.log(result2); // output: "hello"

说明：

实际例子

让我们用一些实际例子将所有内容放在一起：

使用?? 对于默认值

function getusername(user) {  return user.name ?? "guest";}let user1 = { name: "alice" };let user2 = { age: 25 };console.log(getusername(user1)); // output: "alice"console.log(getusername(user2)); // output: "guest"

说明：

使用|| 对于默认值

function getUserName(user) {  return user.name || "Guest";}let user1 = { name: "" };let user2 = { age: 25 };console.log(getUserName(user1)); // Output: "Guest"console.log(getUserName(user2)); // Output: "Guest"

说明：

总结

结论

空值合并运算符 ?? 是 javascript 中的一个强大工具，用于在处理 null 或 undefined 时提供默认值。通过了解它与逻辑 or 运算符 || 的区别及其优先级，您将能够编写更健壮且无错误的代码。不断练习和探索，加深对 javascript 中 nullish 合并运算符的理解。

请继续关注有关 javascript 的更多深入博客！快乐编码！

文章推荐

JavaScript 中的空合并运算符`??`

空值合并运算符??

与 || 比较

主要差异

优先级

实际例子

使用?? 对于默认值

使用|| 对于默认值

总结

结论

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？