JavaScript中兩個感嘆號的作用說明
更新時間：2011年12月28日 23:58:43 作者：
用兩個感嘆號的作用就在于，如果明確設(shè)置了o中flag的值（非null/undefined/0""/等值），自然test就會取跟o.flag一樣的值；如果沒有設(shè)置，test就會默認為false，而不是null或undefined
先用一個簡單的例子說明：
var o={flag:true};
var test=!!o.flag;//等效于var test=o.flag||false;
alert(test);
由于對null與undefined用!操作符時都會產(chǎn)生true的結(jié)果，所以用兩個感嘆號的作用就在于，如果明確設(shè)置了o中flag的值（非null/undefined/0""/等值），自然test就會取跟o.flag一樣的值；如果沒有設(shè)置，test就會默認為false，而不是null或undefined。
在jQuery中比較經(jīng)典的例子如下：（jQuery 1.7.0.js: Line 748）
grep: function( elems, callback, inv ) {
var ret = [], retVal;
inv = !!inv;
// Go through the array, only saving the items
// that pass the validator function
for ( var i = 0, length = elems.length; i < length; i++ ) {
retVal = !!callback( elems[ i ], i );
if ( inv !== retVal ) {
ret.push( elems[ i ] );
}
}
return ret;
}
在使用grep函數(shù)的時候，如果給出了第三個參數(shù)且非null/undefined/0""/等值，則inv為true，否則為false。這樣做的目的就是保證inv和retVal的值都只能在true/false中取，而非其它值，為后續(xù)判斷提供便利。
復(fù)制代碼 代碼如下:
var o={flag:true};
var test=!!o.flag;//等效于var test=o.flag||false;
alert(test);
由于對null與undefined用!操作符時都會產(chǎn)生true的結(jié)果，所以用兩個感嘆號的作用就在于，如果明確設(shè)置了o中flag的值（非null/undefined/0""/等值），自然test就會取跟o.flag一樣的值；如果沒有設(shè)置，test就會默認為false，而不是null或undefined。
在jQuery中比較經(jīng)典的例子如下：（jQuery 1.7.0.js: Line 748）
復(fù)制代碼 代碼如下:
grep: function( elems, callback, inv ) {
var ret = [], retVal;
inv = !!inv;
// Go through the array, only saving the items
// that pass the validator function
for ( var i = 0, length = elems.length; i < length; i++ ) {
retVal = !!callback( elems[ i ], i );
if ( inv !== retVal ) {
ret.push( elems[ i ] );
}
}
return ret;
}
在使用grep函數(shù)的時候，如果給出了第三個參數(shù)且非null/undefined/0""/等值，則inv為true，否則為false。這樣做的目的就是保證inv和retVal的值都只能在true/false中取，而非其它值，為后續(xù)判斷提供便利。
相關(guān)文章
這篇文章主要介紹了JavaScript定義類和對象的方法,分別以函數(shù)方式與Object類方式實現(xiàn),是javascript非常重要的技巧,需要的朋友可以參考下2014-11-11
JavaScript高階教程之“==”隱藏下的類型轉(zhuǎn)換
這篇文章主要給大家介紹了關(guān)于JavaScript高階教程之“==”隱藏下類型轉(zhuǎn)換的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
有效性驗證的方法有很多，在本文將為大家介紹下如何使用js簡單實現(xiàn)下，感興趣的朋友可以參考下2013-10-10
微信小程序錄音實現(xiàn)功能并上傳(使用node解析接收)
在我們的日常開發(fā)中經(jīng)常會遇到錄音功能，并上傳到服務(wù)器，今天小編給大家分享微信小程序錄音功能實現(xiàn)并上傳錄音文件，使用node解析接收,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了JS桶排序的簡單理解與實現(xiàn)方法,結(jié)合實例形式詳細分析了js桶排序的概念、原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下2019-11-11
JavaScript如何處理移動端拍攝圖片旋轉(zhuǎn)問題
這篇文章主要告訴大家JavaScript如何處理移動端拍攝圖片旋轉(zhuǎn)問題，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
JavaScript時間與時間戳的轉(zhuǎn)換操作實例分析
這篇文章主要介紹了JavaScript時間與時間戳的轉(zhuǎn)換操作,結(jié)合實例形式分析了javascript日期與時間戳轉(zhuǎn)換相關(guān)函數(shù)與操作技巧,需要的朋友可以參考下2018-12-12
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動2010-06-06
這篇文章主要介紹了JS正則表達式修飾符global(/g)用法,結(jié)合實例形式分析了JS全局匹配修飾符/g的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
javascript下利用arguments實現(xiàn)string.format函數(shù)
sitepoint上看到Andrew Tetlaw在08年寫的文章arguments: A JavaScript Oddity，閱讀之后，除了對arguments溫故知新一遍以外，印象最深刻的還是Andrew的第一個函數(shù)實現(xiàn)的string.format功能。2010-08-08