！和 !! 的區(qū)別用法
js中娘扩！的用法是比較靈活的着茸，他除了做邏輯運(yùn)算常常會(huì)用！做類(lèi)型判斷琐旁，還可以用涮阔！與上對(duì)象來(lái)求得一個(gè)布爾值
1、灰殴！可將變量轉(zhuǎn)換成boolean類(lèi)型敬特，null、undefined和空字符串取反都為true牺陶，其余都為false
!null = true;
!undefined = true
!'' = true
!'aa' = false
2伟阔、!! 是將表達(dá)式強(qiáng)制轉(zhuǎn)化為boolean值運(yùn)算，運(yùn)算結(jié)果為true或者false掰伸，表達(dá)式是什么值皱炉，結(jié)果就是對(duì)應(yīng)的bool值，不再取非狮鸭，不是取非再取非的意思
!!false = false;
!!'false' = true
!!true = true
!!(NaN || undefined || null || 0) = false
var o = {flag: true};
var test = !!o.flag
等價(jià)于
var test = o.flag || false
由于對(duì)null和undefined 用合搅！操作符時(shí)都會(huì)產(chǎn)生true的結(jié)果，所以用兩個(gè)感嘆號(hào)的作用就在于歧蕉，如果明確設(shè)置了o中flag的值（非undefined/null/0）自然test就會(huì)取跟o.flag一樣的值历筝；如果沒(méi)有設(shè)置，test就會(huì)默認(rèn)為false廊谓，而不是null梳猪、undefined
可選鏈(.?)
如果一個(gè)值為null、或者是undefined.那么我們?cè)偃ビ命c(diǎn)操作符去調(diào)用一個(gè)方法或者訪問(wèn)一個(gè)屬性會(huì)發(fā)生什么?
下面展示一些 內(nèi)聯(lián)代碼片。
let a;
let b = a.name;
如果是上面的這樣的代碼,那么我們能得到一個(gè)報(bào)錯(cuò)
其實(shí)這種情況就相當(dāng)于直接在undefined上面訪問(wèn)name屬性.undefined和null是兩個(gè)比較特殊的數(shù)據(jù)類(lèi)型,是不能用點(diǎn)操作符去訪問(wèn)屬性的.那么在一個(gè)變量可能為null春弥、或者undefined的時(shí)候,恰巧我又需要訪問(wèn)這個(gè)變量的一個(gè)屬性,那我們應(yīng)該這樣做
下面展示一些 內(nèi)聯(lián)代碼片呛哟。
let a;
let b;
if(!!a){
b = a.name;
}else{
b = undefined;
}
只有當(dāng)a存在的時(shí)候,我才會(huì)去訪問(wèn)a的name屬性,如果你想再進(jìn)一步處理,還可以繼續(xù)判斷以下a的數(shù)據(jù)類(lèi)型.可是這不是我們今天的重點(diǎn),就不多講了.我們可以看到,這樣一個(gè)簡(jiǎn)單的邏輯,我們就要寫(xiě)這么多的東西,那么有沒(méi)有簡(jiǎn)單的寫(xiě)法呢?看下面的例子
let a;
let b = a?.name;
我們終于看到.?這個(gè)東西了,其實(shí)這個(gè)就叫做可選鏈,表達(dá)的意思,就和剛才if else的例子是一個(gè)意思,只有當(dāng)a存在,同時(shí)a具有name屬性的時(shí)候,才會(huì)把值賦給b,否則就會(huì)將undefined賦值給b.重要的是,不管a存在與否,這么做都不會(huì)報(bào)錯(cuò).
當(dāng)然我們還可以這么干
let a;
let b;
b = a?.name?.age?.haha?.就是不報(bào)錯(cuò)
a?.b?.c(“還是不報(bào)錯(cuò)”)
我們看到,你后面可以無(wú)限接龍下去,不論有多少屬性,只要有最后可以訪問(wèn)到屬性,訪問(wèn)到最終的結(jié)果,就會(huì)賦值給b,否則,就把undefined賦值給b.(這樣才有資格叫鏈?zhǔn)浇Y(jié)構(gòu)嘛)
空值合并運(yùn)算符(??)
有了上面的例子,接下來(lái)我們簡(jiǎn)單一點(diǎn),直接上舉例
let b;
let a = 0;
let c = { name:'buzhimingqianduan' }
if(!!a || a === 0 ){
b = a;
}else{
b = c;
}
對(duì)就是上面那個(gè)例子,當(dāng)我們想判斷一個(gè)值存在,但是它等于0的時(shí)候,我們也需要當(dāng)作它存在,于是就有了上面那樣的例子,其實(shí)我們還可以這樣做
let b;
let a = 0;
let c = { name:'buzhimingqianduan' }
b = a ?? c;
上面的例子,當(dāng)a除了undefined、或者null之外的任何值,b都會(huì)等于a,否則就等于c.
空值賦值運(yùn)算符(??=)
和上面的例子類(lèi)似
let b = '你好';
let a = 0
let c = null;
let d = ’123‘
b ??= a; // b = “你好”
c ??= d // c = '123'
當(dāng)??=左側(cè)的值為null匿沛、undefined的時(shí)候,才會(huì)將右側(cè)變量的值賦值給左側(cè)變量.其他所有值都不會(huì)進(jìn)行賦值.同樣在一些場(chǎng)景下,可以省略很多代碼
原文：https://blog.csdn.net/u012930360/article/details/126135019
