JavaScript中?.?和??指的是什么意思

這篇文章主要介紹了JavaScript中?. 和??指的是什么意思的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇JavaScript中?. 和??指的是什么意思文章都會有所收獲，下面我們一起來看看吧。

?. 和 ?? 是 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，如果是，則返回一個默認(rèn)值，否則返回該變量的值。與傳統(tǒng)的邏輯運(yùn)算符 || 不同，?? 只會在左側(cè)的值為 null 或 undefined 時返回右側(cè)的默認(rèn)值，對于其他假值（如空字符串、0、false 等）并不會返回默認(rèn)值，而是會返回它本身。例如：

const x = undefined ?? 'default'; // x = 'default'
const y = null ?? 'default'; // y = 'default'
const z = 'value' ?? 'default'; // z = 'value'
const a = '' ?? 'default'; // a = ''
const b = '' || 'default'; // b = 'default'

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

和||運(yùn)算符的區(qū)別：

1. || 只會在左邊的值為假值時返回右邊的值 (0, '', undefined, null, false 等都為假值)

2. ?? 是在左邊的值為undefined或者null時才會返回右邊的值

關(guān)于“JavaScript中?. 和??指的是什么意思”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“JavaScript中?. 和??指的是什么意思”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。