在看別人的js代碼時(shí)發(fā)現(xiàn)了這么一個(gè)用法:
if (!!item.value) { param[item.name] = item.value; }
好久沒(méi)研究js,所以趕緊補(bǔ)充了一下,還發(fā)現(xiàn)了一個(gè)特別好玩的東西。
推薦學(xué)習(xí)教程:javascript視頻教程
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 !100=false !'abc'=false
2、??!常常用來(lái)做類(lèi)型判斷,在第一步!(變量)之后再做邏輯取反運(yùn)算,在js中新手常常會(huì)寫(xiě)這樣臃腫的代碼:
判斷變量a為非空,未定義或者非空串才能執(zhí)行方法體的內(nèi)容。
var a; if(a!=null&&typeof(a)!=undefined&&a!=''){ //a有內(nèi)容才執(zhí)行的代碼 }
實(shí)際上我們只需要寫(xiě)一個(gè)判斷表達(dá):
if(!!a){ //a有內(nèi)容才執(zhí)行的代碼... }
就能和上面達(dá)到同樣的效果。a是有實(shí)際含義的變量才執(zhí)行方法,否則變量null,undefined和'' "空串都不會(huì)執(zhí)行以下代碼。
可以總結(jié)出來(lái),“!”是邏輯與運(yùn)算,并且可以與任何變量進(jìn)行邏輯與將其轉(zhuǎn)化為布爾值,“!!”則是邏輯與的取反運(yùn)算,尤其后者在判斷類(lèi)型時(shí)代碼簡(jiǎn)潔高效,省去了多次判斷null、undefined和空字符串的冗余代碼。
所以開(kāi)頭的代碼中,?。alue , 先將value轉(zhuǎn)成取反的布爾值,將得到的布爾值再次取反,保證value的值為null,undefined和空字符串的情況下,if體中的代碼不會(huì)執(zhí)行。
???另發(fā)現(xiàn)的好玩的東西???:
(!(~+[])+{})[–[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]
輸出一下上面js的結(jié)果,emmmmm…..? ? ? ?
?…溜了溜了…