ES6語法--JS中!和!!的區別及用法

一、JS中!和!!的區別及用法

js中!的用法是比較靈活的，它除了做邏輯運算常常會用！做類型判斷，可以用！與上對象來求得一個布爾值，

1、！可將變量轉換成boolean類型，null、undefined和空字符串取反都為false，其余都為true。

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

2、！！常常用來做類型判斷，在第一步!（變量）之后再做邏輯取反運算，在js中新手常常會寫這樣臃腫的代碼：

判斷變量a為非空，未定義或者非空串才能執行方法體的內容:

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

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

if(!!a){
    //a有內容才執行的代碼...  
}

就能和上面達到同樣的效果。a是有實際含義的變量才執行方法，否則變量null，undefined和''空串都不會執行以下代碼。
可以總結出來，“！”是邏輯與運算，並且可以與任何變量進行邏輯與將其轉化為布爾值，“!!”則是邏輯與的取反運算，尤其后者在判斷類型時代碼簡潔高效，省去了多次判斷null、undefined和空字符串的冗余代碼。