學習js中!和!!的區(qū)別及用法

在看別人的js代碼時發(fā)現(xiàn)了這么一個用法：

if (!!item.value) { 	param[item.name] = item.value; }

好久沒研究js，所以趕緊補充了一下，還發(fā)現(xiàn)了一個特別好玩的東西。

推薦學習教程：javascript視頻教程

js中 ! 的用法是比較靈活的，它除了做邏輯運算常常會用！做類型判斷，可以用！與上對象來求得一個布爾值，
1、！可將變量轉(zhuǎn)換成boolean類型，null、undefined和空字符串取反都為true，其余都為false。

!null=true  !undefined=true  !''=true  !100=false  !'abc'=false

2、！！常常用來做類型判斷，在第一步!（變量）之后再做邏輯取反運算，在js中新手常常會寫這樣臃腫的代碼：
判斷變量a為非空，未定義或者非空串才能執(zhí)行方法體的內(nèi)容。

var a; if(a!=null&&typeof(a)!=undefined&&a!=''){     //a有內(nèi)容才執(zhí)行的代碼   }

實際上我們只需要寫一個判斷表達：

if(!!a){     //a有內(nèi)容才執(zhí)行的代碼...   }

就能和上面達到同樣的效果。a是有實際含義的變量才執(zhí)行方法，否則變量null，undefined和'' "空串都不會執(zhí)行以下代碼。

可以總結(jié)出來，“！”是邏輯與運算，并且可以與任何變量進行邏輯與將其轉(zhuǎn)化為布爾值，“!!”則是邏輯與的取反運算，尤其后者在判斷類型時代碼簡潔高效，省去了多次判斷null、undefined和空字符串的冗余代碼。

所以開頭的代碼中，?。alue ， 先將value轉(zhuǎn)成取反的布爾值，將得到的布爾值再次取反，保證value的值為null，undefined和空字符串的情況下，if體中的代碼不會執(zhí)行。

???另發(fā)現(xiàn)的好玩的東西???：

(!(~+[])+{})[–[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]

輸出一下上面js的結(jié)果，emmmmm…..? ? ? ?

?…溜了溜了…