JS按位非(~)运算符与~~运算符的理解分析

 更新时间:2011年07月31日 23:43:10   作者:  
按位非运算符,简单的理解就是改变运算数的符号并减去1,当然,这是只是简单的理解能转换成number类型的数据
那么,对于typeof var!==”number”的类型来说,进行运算时,会尝试转化成32位整形数据,如果无法转换成整形数据,就转换为NaN;
JS在位运算上用了更简便的一种方法来实现这中运算,那么它的实现原理大致上可以这样理解:
复制代码 代码如下:

var testData=-2.9;
var testResult=(typeof testData==="number"&&!isNaN(testData)&&testData!==Infinity)?(testData>0)?-Math.floor(testData)-1:-Math.ceil(testData)-1:-1;

首先,如果一个数据在尝试转换为32整形数据时,结果<0,那么就需要对其上舍入,比如-2.9->-2,如果>0,对其下舍入,比如:2.6->2;
一个数据如果不能转换为32位二进制表示,就转换为NaN;继而转为-1;比如~{}/~NaN ==-1;
又比如~function(){return 100;}->-1;
在Jquery里面,有用到比如if(!~this.className.indexOf(str)){ //do some thing…..};这里,对于this.className.indexOf(str)的返回值,要么大于-1,要么就是等于-1;在其等于-1的时候,~-1===0;然后,!~-1===true;那么就可以得出this不包含str这个class名…;
对于~~运算符,同理,它也可以表示为:
复制代码 代码如下:

var testData=2.1;
var testResult=(typeof testData==="number"&&!isNaN(testData)&&testData!==Infinity)?(testData>0)?Math.floor(testData):Math.ceil(testData):0;

同样采用上下舍入的方式来理解;

相关文章

  • 基于node.js的快速开发透明代理

    基于node.js的快速开发透明代理

    服务器端js(Server-Side Javascrpt)很早也就有了,JAVA中也有javascript 的script引擎。
    2010-12-12
  • JavaScript声明变量名的语法规则

    JavaScript声明变量名的语法规则

    这篇文章主要给大家简单介绍了JavaScript声明变量名的语法规则,非常有助于大家学习javascript,有需要的小伙伴可以参考下。
    2015-07-07
  • 详解template标签用法(含vue中的用法总结)

    详解template标签用法(含vue中的用法总结)

    这篇文章主要介绍了template标签用法(含vue中的用法总结),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2021-01-01
  • js实现各种复制到剪贴板的方法(分享)

    js实现各种复制到剪贴板的方法(分享)

    下面小编就为大家带来一篇js实现各种复制到剪贴板的方法(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • Javascript实现前端简单的路由实例

    Javascript实现前端简单的路由实例

    本文将使用javascript实现一个极其简单的路由实例。WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,同样前端路由在单页面应用也很常见,它使得前端页面体验更流畅。
    2016-09-09
  • JS 实现微信扫一扫功能

    JS 实现微信扫一扫功能

    这篇文章主要介绍了JS 实现微信扫一扫功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • 图片连续滚动代码[兼容IE/firefox]

    图片连续滚动代码[兼容IE/firefox]

    网上有不少的连续滚动实现代码,下面的这个是兼容性不错的代码。大家可以测试下。
    2009-06-06
  • 探究一道价值25k的蚂蚁金服异步串行面试题

    探究一道价值25k的蚂蚁金服异步串行面试题

    这篇文章主要介绍了探究一道价值25k的蚂蚁金服异步串行面试题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • javascript 字符 Escape,encodeURI,encodeURIComponent

    javascript 字符 Escape,encodeURI,encodeURIComponent

    下面是对字符串编码转换功能函数大家,大家可以根据实际需要选择使用。
    2009-07-07
  • 链接渐变效果

    链接渐变效果

    链接渐变效果...
    2006-08-08

最新评论