js中!和!!的區(qū)別與用法
文章主要介紹了js中!和!!的區(qū)別與用法,js中!的用法是比較靈活的,它除了做邏輯運算常常會用!做類型判斷,可以用!與上對象來求得一個布爾值,需要的朋友可以參考下...
文章主要介紹了js中!和!!的區(qū)別與用法,js中!的用法是比較靈活的,它除了做邏輯運算常常會用!做類型判斷,可以用!與上對象來求得一個布爾值,需要的朋友可以參考下
js中!的用法是比較靈活的,它除了做邏輯運算常常會用!做類型判斷,可以用!與上對象來求得一個布爾值,
1、!可將變量轉換成boolean類型,null、undefined和空字符串取反都為false,其余都為true。
!null=true
!undefined=true
!''=true
!100=false
!'abc'=false
2、?。〕3S脕碜鲱愋团袛?,在第一步!(變量)之后再做邏輯取反運算,在js中新手常常會寫這樣臃腫的代碼:
判斷變量a為非空,未定義或者非空串才能執(zhí)行方法體的內容
var a;
if(a!=null&&typeof(a)!=undefined&&a!=''){
??//a有內容才執(zhí)行的代碼
}
實際上我們只需要寫一個判斷表達:
if(!!a){
//a有內容才執(zhí)行的代碼...
}
可以總結出來,“!”是邏輯與運算,并且可以與任何變量進行邏輯與將其轉化為布爾值,“!!”則是邏輯與的取反運算,尤其后者在判斷類型時代碼簡潔高效,省去了多次判斷null、undefined和空字符串的冗余代碼。就能和上面達到同樣的效果。a是有實際含義的變量才執(zhí)行方法,否則變量null,undefined和''空串都不會執(zhí)行以下代碼。
下面是其他網友的補充
js 中 !!的用法
!!是將表達式強制轉化為bool值的運算,運算結果為true或false,表達式是什么值,結果就是對應的bool值,不再取非。
不是取非再取非的意思!?。?/p>
!!false=false; 要注意false和“false” 的區(qū)別?。。。?!
!!"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用!操作符時都會產生true的結果,
所以用兩個感嘆號的作用就在于,
如果明確設置了o中flag的值(非 null/undefined/0""/等值),自然test就會取跟o.flag一樣的值;
如果沒有設置,test就會默認為false,而不是 null或undefined。
如何寫JavaScript才能逼格更高呢?JavaScript的裝逼指南(js另類寫法)
如何寫JavaScript才能逼格更高呢?是否很期待別人在看完你的代碼之后感嘆一句原來還可以這樣寫呢?下面列出一些在JavaScript時的裝逼技巧,也可說是非常實用的寫法...
JavaScript圖片文字識別(OCR)插件Ocrad.js教程
文章主要為大家詳細介紹了圖片文字識別(OCR)插件Ocrad.js教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下Ocrad.js 相當于是 Ocrad 項目的純 JavaScript 版本,使用 Emscri...
Javascript類庫:vue.js中的vue-resource示例詳解
Vue與后臺Api進行交互通常是利用vue-resource來實現的,本質上vue-resource是通過http來完成AJAX請求相應的。這篇文章主要介紹了Vue中的vue-resource示例詳解,需要的朋友可以...
javascript類庫:element ui table 增加篩選的方法示例
文章主要介紹了element ui table 增加篩選的方法示例,詳細的介紹了如何添加規(guī)則內容,具有一定的參考價值,感興趣的小伙伴們可以參考一下網上大部分都可以增加篩選功能,但沒有找...
PHP遭棄用!Wordpress.com開源并轉用Javascript
據外媒消息稱,Wordpress母公司Automattic將完全重寫Wordpress.com網站代碼,并將此項計劃命名為“Calypso”,代碼開源并被托管于Github平臺。此外,最新的wordpress.com放...