js中!和!!的區(qū)別與用法
js中!的用法是比較靈活的,它除了做邏輯運(yùn)算常常會用!做類型判斷,可以用!與上對象來求得一個(gè)布爾值,
1、!可將變量轉(zhuǎn)換成boolean類型,null、undefined和空字符串取反都為false,其余都為true。
!null=true !undefined=true !''=true !100=false !'abc'=false
2、!!常常用來做類型判斷,在第一步!(變量)之后再做邏輯取反運(yùn)算,在js中新手常常會寫這樣臃腫的代碼:
判斷變量a為非空,未定義或者非空串才能執(zhí)行方法體的內(nèi)容
var a; if(a!=null&&typeof(a)!=undefined&&a!=''){ //a有內(nèi)容才執(zhí)行的代碼 }
實(shí)際上我們只需要寫一個(gè)判斷表達(dá):
if(!!a){ //a有內(nèi)容才執(zhí)行的代碼... }
就能和上面達(dá)到同樣的效果。a是有實(shí)際含義的變量才執(zhí)行方法,否則變量null,undefined和''空串都不會執(zhí)行以下代碼。
可以總結(jié)出來,“!”是邏輯與運(yùn)算,并且可以與任何變量進(jìn)行邏輯與將其轉(zhuǎn)化為布爾值,“!!”則是邏輯與的取反運(yùn)算,尤其后者在判斷類型時(shí)代碼簡潔高效,省去了多次判斷null、undefined和空字符串的冗余代碼。
下面是其他網(wǎng)友的補(bǔ)充
js 中 !!的用法
!!是將表達(dá)式強(qiáng)制轉(zhuǎn)化為bool值的運(yùn)算,運(yùn)算結(jié)果為true或false,表達(dá)式是什么值,結(jié)果就是對應(yīng)的bool值,不再取非。
不是取非再取非的意思!?。?/p>
!!false=false; 要注意false和“false” 的區(qū)別?。。。。?/p>
!!"false"=true;
!!true=true;
!!(NaN || undefined || null || 0 || ' ')=false;
var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test);
由于對null與undefined用!操作符時(shí)都會產(chǎn)生true的結(jié)果,
所以用兩個(gè)感嘆號的作用就在于,
如果明確設(shè)置了o中flag的值(非 null/undefined/0""/等值),自然test就會取跟o.flag一樣的值;
如果沒有設(shè)置,test就會默認(rèn)為false,而不是 null或undefined。
相關(guān)文章
javascript自動(dòng)切換焦點(diǎn)控制效果完整實(shí)例
這篇文章主要介紹了javascript自動(dòng)切換焦點(diǎn)控制效果的方法,結(jié)合完整實(shí)例形式分析了JavaScript響應(yīng)鍵盤按鍵控制表單輸入框的焦點(diǎn)切換功能,需要的朋友可以參考下2016-02-02javascript 根據(jù)指定字符把字符串拆分為數(shù)組
javascript 根據(jù)指定字符把字符串拆分為數(shù)組2009-05-05原生js實(shí)現(xiàn)數(shù)字字母混合驗(yàn)證碼的簡單實(shí)例
這篇文章主要介紹了原生js實(shí)現(xiàn)數(shù)字字母混合驗(yàn)證碼的簡單實(shí)例,注釋很詳細(xì),感興趣的小伙伴們可以參考一下2015-12-12javascript實(shí)現(xiàn)左右控制無縫滾動(dòng)
這篇文章主要介紹了javascript實(shí)現(xiàn)左右控制無縫滾動(dòng)的方法及示例代碼,需要的朋友可以參考下2014-12-12JavaScript登錄驗(yàn)證碼的實(shí)現(xiàn)
驗(yàn)證碼功能真的無處不在,為了提高網(wǎng)站的安全性,驗(yàn)證碼功能是必要的環(huán)節(jié),今天小編通過本文給大家分享js登錄驗(yàn)證碼的實(shí)現(xiàn),感興趣的朋友跟著小編一起學(xué)習(xí)吧2016-10-10