在本博客中，我们将探讨 javascript 中的空合并运算符 ??。我们将它与逻辑 or 运算符 || 进行比较，讨论其优先级，并提供实际示例来帮助您理解其用法。让我们潜入吧！
空值合并运算符??
空值合并运算符 ?? 用于在处理 null 或 undefined 时提供默认值。当左侧操作数为 null 或 undefined 时，它返回右侧操作数。否则，它返回左侧操作数。
语法：
result = value1 ?? value2;
示例：
let user = null;let defaultuser = "guest";let currentuser = user ?? defaultuser;console.log(currentuser); // output: "guest"
说明：
用户 为空。?? 运算符返回 defaultuser，因为 user 为 null。
与 || 比较
逻辑或运算符||返回它遇到的第一个真值。这意味着如果左操作数为假，它将返回右操作数 (false, 0, “”, null、未定义、nan）。
立即学习“Java免费学习笔记（深入）”；
示例：
let user = "";let defaultuser = "guest";let currentuser = user || defaultuser;console.log(currentuser); // output: "guest"
说明：
user 是一个空字符串 “”（假）。|| 运算符返回 defaultuser，因为 user 为假。
主要差异
??：仅将 null 和 未定义 视为虚假值。||：考虑所有虚假值 (false, 0, “”, null, 未定义，nan）。
示例：
let user = 0;let defaultuser = "guest";let currentuser1 = user ?? defaultuser;let currentuser2 = user || defaultuser;console.log(currentuser1); // output: 0console.log(currentuser2); // output: "guest"
说明：
用户 是 0（对于 || 为假，但对于 ?? 则不然）。?? 运算符返回 0，因为 user 不为 null 或 未定义。|| 运算符返回“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"
说明：
一个?? b 返回 false，因为 a 为 null，并且 b 为 false。假|| c 返回 “hello”，因为 false 为假，而 c 为真。一个|| b 返回 false，因为 a 为 null，并且 b 为 false。假的？？ c 返回“hello”，因为false 不是null或未定义。
实际例子
让我们用一些实际例子将所有内容放在一起：
使用?? 对于默认值
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"
说明：
如果user.name 为null或未定义，则??操作符返回“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"
说明：
如果 user.name 为假（例如，“”），则 || 运算符返回 “guest”。
总结
?? （空合并运算符）：如果左侧操作数为 null 或 未定义，则返回右侧操作数。|| （逻辑或运算符）：返回遇到的第一个真值。优先级：?? 运算符的优先级低于 || 运算符。
结论
空值合并运算符 ?? 是 javascript 中的一个强大工具，用于在处理 null 或 undefined 时提供默认值。通过了解它与逻辑 or 运算符 || 的区别及其优先级，您将能够编写更健壮且无错误的代码。不断练习和探索，加深对 javascript 中 nullish 合并运算符的理解。
请继续关注有关 javascript 的更多深入博客！快乐编码！
以上就是JavaScript 中的空合并运算符`??`的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1491620.html
微信扫一扫 
支付宝扫一扫 
