JavaScript中两个感叹号的作用说明

 更新时间:2011年12月28日 23:58:43   作者:  
用两个感叹号的作用就在于,如果明确设置了o中flag的值(非null/undefined/0""/等值),自然test就会取跟o.flag一样的值;如果没有设置,test就会默认为false,而不是null或undefined
先用一个简单的例子说明:
复制代码 代码如下:

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。
在jQuery中比较经典的例子如下:(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函数的时候,如果给出了第三个参数且非null/undefined/0""/等值,则inv为true,否则为false。这样做的目的就是保证inv和retVal的值都只能在true/false中取,而非其它值,为后续判断提供便利。

相关文章

  • JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

    JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

    这篇文章主要介绍了JavaScript中的 attribute 和 jQuery中的 attr 方法浅析,需要的朋友可以参考下
    2017-01-01
  • ES2020 已定稿,真实场景案例分析

    ES2020 已定稿,真实场景案例分析

    许多新的特性被提议包括在 ES2020版本中。好消息是这些已经已经敲定。 现在,我们获得了最终定稿的功能清单,它们将在被批准发布之后出现在备受期待的 ES2020 中,具体内容详情,大家可以阅读下本文
    2020-05-05
  • HTML+JS实现在线朗读器

    HTML+JS实现在线朗读器

    这篇文章主要介绍了利用HTML和JavaScript制作一个朗读器,可以跟着一起念着读,文中的示例代码讲解详细,感兴趣的小伙伴可以学习一下
    2022-02-02
  • js中利用cookie实现记住密码功能

    js中利用cookie实现记住密码功能

    这篇文章主要为大家详细介绍了js中利用cookie实现记住密码功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js导入导出excel(实例代码)

    js导入导出excel(实例代码)

    这篇文章主要是对js导入导出excel的实例代码进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • Javascript delete 引用类型对象

    Javascript delete 引用类型对象

    很少使用javascript的delete,最近因为一个小bug发现删除引用类型对象的时候有一点不同
    2013-11-11
  • js判断文件类型大小并给出提示的实现方法

    js判断文件类型大小并给出提示的实现方法

    下面小编就为大家分享一篇js判断文件类型大小并给出提示的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • js实现图片3D轮播效果

    js实现图片3D轮播效果

    这篇文章主要为大家详细介绍了js实现图片3D轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 标准的js无缝滚动效果

    标准的js无缝滚动效果

    这篇文章主要为大家详细介绍了标准的js无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 预加载css或javascript的js代码

    预加载css或javascript的js代码

    为了提高网站的加载速度,有一个很重要的手段就是在用户浏览过程中的上游网站做一个文件的预加载。
    2010-04-04

最新评论