javascript作为一门高级语言,他尽量让开发人员减少思考底层的硬件工作原理,而将精力集中在逻辑开发的层面。不过,不论这门语言多么高级,我们必须知道数据依然以bits的形式存储,有时候我们会直接与这些bits打交道,这就是我们今天的主题——javascript位运算(JavaScript Bit Manipulation)。

  在讨论之前我们设定一个问题:下面的代码执行的结果是什么?

var a = "10"| 0 ;
console.log("Bitwise Or a is : " +a);
var b = "s1132"|0;
console.log("Bitwise Or b is : " +b);
var c = [1,3,2]&1 ;
console.log("Bitwise And c is : " +c);
var d = [1]|0;
console.log("Bitwise Or d is : " +d);
var e = ~function(){}();
console.log("Bitwise Not e is : " +e);
var f = ({})|0;
console.log("Bitwise Or f is : " +f);
var g = ([1])|0;
console.log("Bitwise Or g is : " +g);
var h = "1ss"^0;
console.log("Bitwise Exclusive Or h is : " +h);

  同时,希望大家查阅一下四个基本的位运算的原理:and(按位与)、 or(按位或)、 not(按位反) Exclusive Or(亦或) 。

  今天我们不分析计算机里面的二进制原理,也不分析4个基本位运算的具体原理。我们分析的重点是在javascript这门语言中,高级的部分与位运算是如何结合的,在javascript中位运算能为我们带来什么。

  

  一、javascript中的位运算

  javascript中的位运算非常复杂,由于javascript试图创建完全无类型(弱类型)的数据,因此数字以64位浮点值存储,即双精度的浮点数。

  正如大家所料,javascript中没有你想使用的Integer(整型)类型。当我们需要用到integer类型时,javascript会内部执行 Toint32方法(浏览器内部函数,外部不可调用)将值直接转化为32位的integer以供调用,并将原值瞬间转换回双精度浮点型。

  javascript与其他语言的不同之一就是它奇怪的位运算。

  何时会用到integer,Toint32方法到底是怎么回事,稍后介绍···

  

  二、javascript位运算符

  javascript有一系列位运算符,这里不一一列举。我们简单看看下面4个逻辑运算符

And

&

Or

|

Exclusive Or

^

Not

~

  和其他语言一样,"非"运算符的优先级最高。

  类似的运算符 &&,||,!他们只运用在boolean运算中,而不是位运算。

  位运算基于数值数据也就是我们刚才提到的"integer"(被从64-bits floating point 经过 Toint32方法转化而来的32-bits integer),位运算结束后再被转化成双精度浮点型。

  三、Toint32方法

  Toint32我们不能调用,也不好猜测内部的实现逻辑,我们将它的规律总结如下:

  1、忽略所有的小数部分

  2、如果超出了32位整型能存储的范围,结果是1的二进制补码(即-1)

  3、如果是一个小于1的小数,结果是0

  4、如果是Infinity(无论正无穷还是负无穷)或者NAN,结果是0

  5、如果是true返回1、false返回0

  实际上javascript的位运算符并不是最快的,因为他们被限制为32位,而且需要从双精度浮点型转换而来并且再转化回去,尽管如此他们比传统的操作符要快,因为他们更接近于底层。

   下面是和0进行 Or操作的结果,这充分验证了Toint32函数和位运算的内部原理。  

ToInt32 (col|0) : Numeric Values.
  -1.6 -0 +0 1 1.6 8 16 16.8 123e-2 -Infinity +Infinity NaN
col|0 -1 0 0 1 1 8 16 16 1 0 0 0
ToInt32 (col|0) : String Values.
  "" "-1.6" "0" "1" "1.6" "8" "16.8"

"123

e-2"

"010"
(Octal)
"0x10"
(Hex)
"0xFF"
(Hex)
"-010" "-0x10" "xx"
col|0 0 -1 0 1 1 8 16 1 10 16 255 -10 0 0
ToInt32 (col|0) : Other Values.
  undefined null true false new Object() function(){
return;
}
col|0 0 0 1 0 0 0

  四、位运算的用途

  通过上面的讨论,开篇留给读者思考的问题显得很简单,如有问题,请浏览讨论。下面我们看看位运算的常见用途。

  1、替代一些简单的算数运算

   例:24<<2==24*4

    32>>3==32/8

  2、随机整数

var ran=Math.random();
alert("a:"+((ran*5)|0));//rang=0-4
alert("a:"+((ran*5)|1));//rang=1-5

  3、奇偶判断

for(var i=0;i<10;i++){
if(i&1){
alert("num is odd!");
}
}

  4、浮点数取整

if(num>=0){
num|0==Math.floor(num);
}else{
num|0==Math.ceil(num);
}

  位运算的用途建议大家参考 曾少的个人博客http://www.hehe0.com/javascript-wei-yun-suan-xiao-ji/

  总结:javascript位运算在我们的日常开发中很少用到,但是深入了解位运算可以帮我们编写高性能的代码。由于水平有限,如文中内容有误欢迎指正。

  参考资料:http://www.i-programmer.info/programming/javascript/2550-javascript-bit-manipulation.html

       http://jibbering.com/faq/notes/type-conversion/

  如需转载,请说明出处:http://www.cnblogs.com/wisdomoon/p/3338327.html

 

javascript位运算的更多相关文章

  1. JavaScript 位运算总结&拾遗

    最近补充了一些位运算的知识,深感位运算的博大精深,此文作为这个系列的总结篇,在此回顾下所学的位运算知识和应用,同时也补充下前文中没有提到的一些位运算知识. 把一个数变为大于等于该数的最小的2的幂 一个 ...

  2. javascript 位运算

    位运算博大精深,本文总结下基本的位运算的概念. 1.整数的二进制码 位操作符用于在最基本的层次上,即按内存中表示数值的位来操作数值.ECMAScript中的所有数值都以IEEE-754 64位格式存储 ...

  3. leetcode - 位运算题目汇总(下)

    接上文leetcode - 位运算题目汇总(上),继续来切leetcode中Bit Manipulation下的题目. Bitwise AND of Numbers Range 给出一个范围,[m, ...

  4. 位运算总结&拾遗

    JavaScript 位运算总结&拾遗 最近补充了一些位运算的知识,深感位运算的博大精深,此文作为这个系列的总结篇,在此回顾下所学的位运算知识和应用,同时也补充下前文中没有提到的一些位运算知识 ...

  5. javascript的变态位运算

    javascript的变态位运算 var a = "10" | 0; alert(a); alert (typeof a);结果为10,number. 这就是说这条语句可以将字符串 ...

  6. 【JavaScript】进制转换&位运算,了解一下?

    前言 在一般的代码中很少会接触到进制和位运算,但这不代表我们可以不去学习它.作为一位编程人员,这些都是基础知识.如果你没有学过这方面的知识,也不要慌,接下来的知识并不会很难.本文你将会学习到: 进制转 ...

  7. javascript中的类型转换(进制转换|位运算)

    1:parseInt(string) : 这个函数的功能是从string的开头开始解析,返回一个整数 parseInt("123hua"); //输出 123 parseInt(& ...

  8. javascript中的位运算,

    罗浮宫群里又有讨论位运算符号|了,做过一段时间php,数据库保存布尔值数据经常用到,比如100110 就表明了六个属性的是与否,极大减少了数据量..] ECMAScript 中位运算跟其他语言一样的. ...

  9. js中的位运算

    按位运算符是把操作数看作一系列单独的位,而不是一个数字值.所以在这之前,不得不提到什么是"位": 数值或字符在内存内都是被存储为0和 1的序列,每个0和1被称之为1个位,比如说10 ...

随机推荐

  1. jquery插件-表单验证插件-提示信息中文化与定制提示信息

    接上一篇 2)messages 提示:修改默认的提示信息最简单的方法是引入message_zh.js文件即可! 如果需要在validate()方法内提示则可以使用本选项 类型:Object 说明:自定 ...

  2. Android四大组件

    Activity 概念 活动是一种可以包含用户界面的组件,主要用于和用户交互.一个应用程序可以包含零个或多个活动. 基本用法 手动创建活动 1. 创建或加载布局 2. 在AndroidManifest ...

  3. fork子进程僵尸问题及解决方案

    额,原来用 c 写 cgi 的时候用过 fork .那时候 cgi 的生命很短,所以遇到的问题压根没出现过.这次也是更加深入的对 fork 机制进行了一下了解. 参考这里的文档:http://ju.o ...

  4. squid节点添加新域名测试

    squid节点添加新域名 测试是否缓存成功 #!/bin/bash #-- clear #清屏 方便输出结果观看 url=* #需要测试的url array_node[]="*" ...

  5. CentOS编译安装nodejs

    1. 从node.js官网下载最新版的node.js安装包,node.tar.gz wget https://nodejs.org/dist/v4.3.1/node-v4.3.1.tar.gz    ...

  6. EF 知识点

    EntityFrameWorak知识点记录 发展史 EF1.0时,只支持Database First,数据库优先.必须将设计器指向一个现有的数据库. EF4时,支持Model First,模型优先.可 ...

  7. hihocoder #1327

    传送门 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 给定一个只包含小写字母'a'-'z'的字符串 S ,你需要将 S 中的字符重新排序,使得任意两个相同的字符不连在一 ...

  8. Ubuntu回收站

    以前删除文件经常Move to trash,今天想清空发现根本不知道回收站在哪里,囧.遂Google之,于是发现在 -/.local/share/Trash目录下. 打开目录看看有什么东西: ➜ ~ ...

  9. BZOJ2049: [Sdoi2008]Cave 洞穴勘测 Link-Cut-Tree 模板题

    传送门 搞了这么长时间Splay终于可以搞LCT了,等等,什么是LCT? $LCT$就是$Link-Cut-Tree$,是维护动态树的一个很高效的数据结构,每次修改和查询的均摊复杂度为$O(logN) ...

  10. mysql数据库中标的key的含义

    四种Key: Primary Key, Unique Key, Key 和 Foreign Key. 1.如果Key是空的, 那么该列值的可以重复, 表示该列没有索引, 或者是一个非唯一的复合索引的非 ...