你真的瞭解!! 和 !嗎？

靈感來源：最近代碼走查的時候，看到代碼中經常用到!!這個，然後就很納悶這個東西到底有啥意義呢，就研究了一下：

初次認爲你是不是認爲!!是取反在取反等於原變量本身，其實你的理解是對的，但是隻是一點點，咱們先來聊聊！

具體使用方法

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

• ！可將變量轉換成boolean類型，null、undefined和空字符串取反都爲false，其餘都爲true

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

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

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

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

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

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

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

總結

• ！是邏輯與運算，並且可以與任何變量進行邏輯與將其轉化爲布爾值
• !!則是邏輯與的取反運算，尤其後者在判斷類型時代碼簡潔高效，省去了多次判斷null、undefined和空字符串的冗餘代碼

參考： 博客園：js中!和!!的區別及用法