欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中?.?和??分別是什么詳解

 更新時間：2023年02月20日 09:55:30   作者：yuzhihui  
在項目中我們往往要做很多很多的空值判斷進行容錯處理,往往伴隨著三目運算、與或、if else來使用,下面這篇文章主要給大家介紹了關于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，如果是，則返回一個默認值，否則返回該變量的值。與傳統(tǒng)的邏輯運算符 || 不同，?? 只會在左側(cè)的值為 null 或 undefined 時返回右側(cè)的默認值，對于其他假值（如空字符串、0、false 等）并不會返回默認值，而是會返回它本身。例如：

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 及以上的版本才能使用。

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

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

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

總結(jié)

到此這篇關于JavaScript中?. 和??分別是什么的文章就介紹到這了,更多相關JS中?. 和??介紹內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論