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 的更多深入博客!快乐编码!