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