js中两个感叹号的原理与用法分析
2013-02-19 12:16
609 查看
在javascript中有时会看到有两个!!的用法。我很少用到(本人在js方面是菜鸟),但是在一些开源框架(如jquery)中经常看到。所以参考网上的相关资料总结了一下它的用法。 Js代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/07/cdc37a25001daf65bad8e72724870f86.png)
var foo;
alert(!foo);//undifined情况下,一个感叹号返回的是true;
alert(!goo);//null情况下,一个感叹号返回的也是true;
var o={flag:true};
var test=!!o.flag;//等效于var test=o.flag||false;
alert(test);
这段例子,演示了在undifined和null时,用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于,如果明确设置了变量的值(非null/undifined/0/""等值),结果就会根据变量的实际值来返回,如果没有设置,结果就会返回false。 Js代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/07/cdc37a25001daf65bad8e72724870f86.png)
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;
}
这是jquery中一个比较经典的例子, 在使用grep函数的时候,如果给出了第三个参数且非null/undefined/0""/等值,则inv为 true,否则为false。这样做的目的就是保证inv和retVal的值都只能在true/false中取,而非其它值,为后续判断提供便利。
相关文章推荐
- js中两个感叹号的原理与用法分析
- js中两个感叹号的原理与用法分析
- js中两个感叹号的原理与用法分析(转载记录没找到原帖)
- js中两个感叹号的原理与用法分析
- js中两个感叹号的原理与用法分析
- js中两个感叹号的原理与用法分析
- js中两个感叹号的原理与用法分析
- js中两个感叹号的原理与用法分析
- Android编程中Handler原理及用法实例分析
- MVP模式原理分析 以及两个实例带你飞
- 从源码角度一步步分析AsyncTask的用法与原理
- JS基础篇--sort()方法的用法,参数以及排序原理
- js中两个小括号的用法
- 第十一节:Bundles压缩合并js和css及原理分析
- Solr1.4.0源码分析二 Solr分布式搜索中URL的正确用法和原理
- Python多进程与服务器并发原理及用法实例分析
- 从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
- springMVC源码分析--@SessionAttribute用法及原理解析SessionAttributesHandler和SessionAttributeStore
- jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
- JS完美运动框架详解——原理分析及demo