??符號用于判斷左側(cè)值是否為undefined或null， 若值為undefined或null則將右側(cè)值賦值給左側(cè)變量。

const name = obj.name?? 'mx'; // 若obj中存在name則name為obj.name的值否則則為mx。

?.符號用于判斷某個對象的某個屬性是否存在，若存在則返回該屬性值，若不存在則返回undefined。防止引用對象為undefined或null時報錯

let obj; // 此時obj未賦值，故為undefined
const name = obj?.name // name為undefined而不會報錯。 

?.可以在對象不存在時返回undefined，而？？可以在左側(cè)值為undefined時返回右側(cè)的值，因此兩者可以結(jié)合使用如下

let obj;
const name = obj?.name ?? 'mx'; //由于obj為undefined，因此左側(cè)值為undefined，故返回mx賦值給name

const name = obj?.name || 'mx'; //當(dāng)然此處使用||也可達成同樣效果

!就是將右側(cè)值先轉(zhuǎn)化為bool值后在進行取反，因此對于空對象或者空數(shù)組的取反取值為false，因為空對象或空數(shù)組轉(zhuǎn)化為bool值為true。

!!則為在一個!將右側(cè)值轉(zhuǎn)化為bool值取反后再取反。

||該運算符取值邏輯為判斷時將值轉(zhuǎn)化為bool值判斷左側(cè)值為true or false，左側(cè)值為true則直接取左側(cè)值，為false再判斷右側(cè)為true則返回右側(cè)值都為false則返回false。

&&該運算符取值邏輯為判斷時轉(zhuǎn)化為bool值判斷左側(cè)值為true or false，左側(cè)值為false則直接返回false，左側(cè)值為true再判斷右側(cè)，右側(cè)為false則仍為false，為true則返回右側(cè)值。

console.log(1 && 2) // 返回2

console.log(1 || 2) // 返回1

?:該運算符通過判斷?前面的值為true or false 來決定返回:左右的值。

const name = true ? 'mx' : 'mxa' // 返回mx，若前面值為false則返回mxa

順便記錄一下一些true或false的轉(zhuǎn)換判斷。

空對象與空數(shù)組在進行bool類型轉(zhuǎn)換時是轉(zhuǎn)化為true值，但在進行number類型轉(zhuǎn)換時轉(zhuǎn)換為0。y因此會有以下現(xiàn)象

console.log(!{} == true); // 判斷為false，!{},{}首先轉(zhuǎn)換為true，再取反為false
console.log({} == true);  // 判斷也為false，{}轉(zhuǎn)換為0，true轉(zhuǎn)換為1，因此為false

null==undefined比較為true，null以及undefined任意一個單獨與true或false==比較取值都為false。

?. 和 ?? 的區(qū)別

• ?. 是可選鏈運算符，用于訪問一個可能為空或者未定義的對象的屬性，如果對象為空或者未定義，它會返回 undefined，而不會拋出錯誤。 例如，如果 obj 是一個對象，那么 obj?.name 會返回 obj 的 name 屬性，如果 obj 是 null 或者 undefined，那么 obj?.name 會返回 undefined。
• ?? 是空值合并運算符，它用于提供一個默認(rèn)值，當(dāng)左邊的表達式為 null 或者 undefined 時，它會返回右邊的表達式的值，否則返回左邊的表達式的值。例如，如果 x 是一個變量，那么 x ?? 0 會返回 x 的值，如果 x 是 null 或者 undefined，那么 x ?? 0 會返回 0。

?? 和 || 的區(qū)別

• ?? 只會在左邊的表達式為 null 或者 undefined 時，返回右邊的表達式的值，否則返回左邊的表達式的值。這意味著，如果左邊的表達式是一個假值，例如 false、0、"" 等，它仍然會被返回。
• || 會在左邊的表達式為任何假值時，返回右邊的表達式的值，否則返回左邊的表達式的值。這意味著，如果左邊的表達式是一個真值，例如 true、1、"hello" 等，它會被返回。

總結(jié)

到此這篇關(guān)于前端常用判斷符號??，?. ，! ，!! ，|| ，&&，?:的文章就介紹到這了,更多相關(guān)前端常用判斷符號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論