当前位置：首页 > article >正文

空值合并运算符（??）可选链操作符（?.）

article 2025/1/23 21:26:40

空值合并运算符

语法

leftExpr ?? rightExpr

用法

leftExpr：要检查的表达式。
如果 `leftExpr` 是 `null` 或 `undefined` 时返回`rightExpr`。
否则返回本身。

示例

let foo = null;
let bar = "default string";
console.log(foo ?? bar); // 输出: "default string"

foo = "";
console.log(foo ?? bar); // 输出: ""

在这个例子中，只有当 foo 是 null 或 undefined 时，bar 的值才会被使用。如果 foo 是其他任何假值（如空字符串、0、NaN、false），foo 的值仍然会被返回。

与 `||` 运算符的区别

|| 运算符（逻辑或）针对所有假值（包括 0、""、NaN、false），而 ?? 运算符只针对 null 和 undefined。

可选链操作符

在JavaScript中，?. 是一个可选链（Optional Chaining）操作符。它允许你安全地访问深层次的嵌套对象属性，而不必显式地验证链中的每一环是否有效。如果尝试访问的属性不存在或其值为 null/undefined，则表达式短路返回 undefined，而不是抛出一个错误。

语法

obj?.prop

obj?.prop：尝试访问 obj 对象的 prop 属性。如果 obj 是 null 或 undefined，则不会尝试访问 prop，而是直接返回 undefined。

示例

const person = {
  name: "Alice",
  address: {
    street: "123 Main St",
    city: "Wonderland"
  }
};

// 使用可选链访问嵌套属性
console.log(person.address?.city); // 输出: "Wonderland"
console.log(person.contact?.email); // 输出: undefined，因为 contact 属性不存在