?. 和 ?? 是 JavaScript 中的兩個新操作符，分別是可選鏈操作符（optional chaining operator）和空值合併操作符（nullish coalescing operator）。

?. 操作符

?. 可選鏈操作符用於訪問可能為空或未定義的屬性或方法，它允許我們安全地訪問嵌套對象的屬性，如果中間的屬性為空或未定義，則不會拋出錯誤，而是返回 undefined。例如：

const obj = {
  foo: {
    bar: 123
  }
};

// 普通訪問屬性的方式
const x = obj.foo.bar; // x = 123

// 使用可選鏈操作符
const y = obj?.foo?.bar; // y = 123

// 如果對象未定義，則返回 undefined
const z = undefined?.foo?.bar; // z = undefined

?? 操作符

?? 空值合併操作符用於檢查一個變數是否為 null 或 undefined，如果是，則返回一個預設值，否則返回該變數的值。與傳統的邏輯運算符 || 不同，?? 只會在左側的值為 null 或 undefined 時返回右側的預設值，對於其他假值（如空字元串、0、false 等）並不會返回預設值，而是會返回它本身。例如：

const x = undefined ?? 'default'; // x = 'default'

const y = null ?? 'default'; // y = 'default'

const z = 'value' ?? 'default'; // z = 'value'

需要註意的是，?? 操作符需要在 ES11 及以上的版本才能使用。

作者：yuzhihui

出處：https://www.cnblogs.com/yuzhihui/p/17122071.html

聲明：歡迎任何形式的轉載，但請務必註明出處！！！