JavaScript快速入门(五)——表达式运算
来源:互联网 发布:js捕获鼠标点击事件 编辑:程序博客网 时间:2024/05/17 18:12
允许转载,但请注明出处:http://blog.csdn.net/sysuzjz/article/details/43730825
赋值运算
a = b = c; // 和下面两行等价b = c;a = b;另外一种赋值运算的形式叫做复合赋值运算符,形式为左值 op= 右值,其中op=表示部分运算符和=的结合,a op= b和 a = a op b等价。例如下面两句是等价的:
a += b;a = a + b;其中op可以是下列运算符之一: +,-,*,/,%,<<,>>,>>>,&,|,^
数值运算
var a = 3 + 5; // a == 8
var a = 0;a++; // a = 1要特别注意的是,++a跟a++是不一样的,在复杂运算里面。++a表示先将a递增再将更新过的a值参与运算,而a++表示先将原来的a值参与运算再递增。例如:
var a = 1;var b = 1 + (a++); // b == 2console.log(a); // 2b = 1 + (++a); // b == 4console.log(a); // 3
var a = 1;a++; // a == 2++a; // a == 3
位运算
从ECMAScript的整数说起
ECMAScript 整数有两种类型,即有符号整数(允许用正数和负数)和无符号整数(只允许用正数)。在 ECMAScript 中,所有整数字面量默认都是有符号整数,这意味着什么呢?
有符号整数使用 31 位表示整数的数值,用第 32 位表示整数的符号,0 表示正数,1 表示负数。数值范围从 -2147483648 到 2147483647。
可以以两种不同的方式存储二进制形式的有符号整数,一种用于存储正数,一种用于存储负数。正数是以真二进制形式存储的,前 31 位中的每一位都表示 2 的幂,从第 1 位(位 0)开始,表示 20,第 2 位(位 1)表示 21。没用到的位用 0 填充,即忽略不计。例如,下图展示的是数 18 的表示法。
18 的二进制版本只用了前 5 位,它们是这个数字的有效位。把数字转换成二进制字符串,就能看到有效位:
var iNum = 18; alert(iNum.toString(2));//输出 "10010"
- 确定该数字的非负版本的二进制表示(例如,要计算 -18的二进制补码,首先要确定 18 的二进制表示)
- 求得二进制反码,即要把 0 替换为 1,把 1 替换为 0
- 在二进制反码上加 1
0000 0000 0000 0000 0000 0000 0001 0010
1111 1111 1111 1111 1111 1111 1110 1101
1111 1111 1111 1111 1111 1111 1110 1101 1---------------------------------------1111 1111 1111 1111 1111 1111 1110 1110
有趣的是,把负整数转换成二进制字符串后,ECMAScript 并不以二进制补码的形式显示,而是用数字绝对值的标准二进制代码前面加负号的形式输出。例如:
var iNum = -18;alert(iNum.toString(2));//输出 "-10010"
这段代码输出的是 "-10010",而非二进制补码,这是为避免访问位 31。为了简便,ECMAScript 用一种简单的方式处理整数,使得开发者不必关心它们的用法。
另一方面,无符号整数把最后一位作为另一个数位处理。在这种模式中,第 32 位不表示数字的符号,而是值 231。由于这个额外的位,无符号整数的数值范围为 0 到 4294967295。对于小于 2147483647 的整数来说,无符号整数看来与有符号整数一样,而大于 2147483647 的整数则要使用位 31(在有符号整数中,这一位总是 0)。
把无符号整数转换成字符串后,只返回它们的有效位。
注意:所有整数字面量都默认存储为有符号整数。只有 ECMAScript 的位运算符才能创建无符号整数。
NOT运算(~)
非运算 NOT 由否定号(~)表示,它是一元运算符(运算元只有一个),形式为~a。
位运算 NOT 是三步的处理过程:
- 把运算数转换成 32 位数字
- 把二进制数转换成它的二进制反码
- 把二进制数转换成浮点数
例如:
var iNum1 = 25;//25 等于 00000000000000000000000000011001var iNum2 = ~iNum1;
//转换为 11111111111111111111111111100110alert(iNum2);//输出 "-26"
位运算 NOT 实质上是对数字求负,然后减 1,因此 25 变 -26。用下面的方法也可以得到同样的方法:
var iNum1 = 25;var iNum2 = -iNum1 -1;alert(iNum2);//输出 -26
AND运算(&)
与运算 AND 由和号(&)表示。它把每个数字中的数位对齐,然后用下面的规则对同一位置上的两个数位进行 AND 运算(当且仅当两个数位都是1时才返回1):
例如,要对数字 25 和 3 进行 AND 运算,代码如下所示:
var iResult = 25 & 3;alert(iResult);//输出 "1"
25 和 3 进行 AND 运算的结果是 1。为什么?分析如下:
25 = 0000 0000 0000 0000 0000 0000 0001 1001 3 = 0000 0000 0000 0000 0000 0000 0000 0011---------------------------------------------AND = 0000 0000 0000 0000 0000 0000 0000 0001
可以看出,在 25 和 3 中,只有一个数位(位 0)存放的都是 1,因此,其他数位生成的都是 0,所以结果为 1。
OR运算(|)
或运算 OR 由符号(|)表示。在计算每位时,OR 运算符采用下列规则(当且仅当两个数位都是0时才返回0):
仍然使用 AND 运算符所用的例子,对 25 和 3 进行 OR 运算,代码如下:
var iResult = 25 | 3;alert(iResult);//输出 "27"
25 和 3 进行 OR 运算的结果是 27:
25 = 0000 0000 0000 0000 0000 0000 0001 1001 3 = 0000 0000 0000 0000 0000 0000 0000 0011--------------------------------------------OR = 0000 0000 0000 0000 0000 0000 0001 1011
可以看出,在两个数字中,共有 4 个数位存放的是 1,这些数位被传递给结果。二进制代码 11011 等于 27。
XOR运算(^)
异或运算 XOR 由符号(^)表示。XOR 不同于 OR,当有且只有一个数位存放的是 1 时,它才返回 1。真值表如下:
对 25 和 3 进行 XOR 运算,代码如下:
var iResult = 25 ^ 3;alert(iResult);//输出 "26"
25 和 3 进行 XOR 运算的结果是 26:
25 = 0000 0000 0000 0000 0000 0000 0001 1001 3 = 0000 0000 0000 0000 0000 0000 0000 0011---------------------------------------------XOR = 0000 0000 0000 0000 0000 0000 0001 1010
可以看出,在两个数字中,共有 4 个数位存放的是 1,这些数位被传递给结果。二进制代码 11010 等于 26。
左移运算(<<)
左移运算由两个小于号表示(<<)。它把数字中的所有数位向左移动指定的数量。例如,把数字 2(等于二进制中的 10)左移 5 位,结果为 64(等于二进制中的 1000000):
var iOld = 2;//等于二进制 10var iNew = iOld << 5;//等于二进制 1000000 十进制 64
注意:在左移数位时,数字右边多出 5 个空位。左移运算用 0 填充这些空位,使结果成为完整的 32 位数字。
注意:左移运算保留数字的符号位。例如,如果把 -2 左移 5 位,得到的是 -64,而不是 64。“符号仍然存储在第 32 位中吗?”是的,不过这在 ECMAScript 后台进行,开发者不能直接访问第 32 个数位。即使输出二进制字符串形式的负数,显示的也是负号形式(例如,-2 将显示 -10。)
右移运算(>>)
有符号右移运算
有符号右移运算符由两个大于号表示(>>)。它把 32 位数字中的所有数位整体右移,同时保留该数的符号(正号或负号)。有符号右移运算符恰好与左移运算相反。例如,把 64 右移 5 位,将变为 2:
var iOld = 64;//等于二进制 1000000var iNew = iOld >> 5;//等于二进制 10 十进制 2
同样,移动数位后会造成空位。这次,空位位于数字的左侧,但位于符号位之后。ECMAScript 用符号位的值填充这些空位,创建完整的数字,如下图所示:
无符号右移运算
无符号右移运算符由三个大于号(>>>)表示,它将无符号 32 位数的所有数位整体右移。对于正数,无符号右移运算的结果与有符号右移运算一样。
用有符号右移运算中的例子,把 64 右移 5 位,将变为 2:
var iOld = 64;//等于二进制 1000000var iNew = iOld >>> 5;//等于二进制 10 十进制 2
对于负数,情况就不同了。
无符号右移运算用 0 填充所有空位。对于正数,这与有符号右移运算的操作一样,而负数则被作为正数来处理。
由于无符号右移运算的结果是一个 32 位的正数,所以负数的无符号右移运算得到的总是一个非常大的数字。例如,如果把 -64 右移 5 位,将得到 134217726。如何得到这种结果的呢?
要实现这一点,需要把这个数字转换成无符号的等价形式(尽管该数字本身还是有符号的),可以通过以下代码获得这种形式:
var iUnsigned64 = -64 >>> 0;
然后,用 Number 类型的 toString() 获取它的真正的位表示,采用的基为 2:
alert(iUnsigned64.toString(2));
这将生成 11111111111111111111111111000000,即有符号整数 -64 的二进制补码表示,不过它等于无符号整数 4294967232。
出于这种原因,使用无符号右移运算符要小心。
逻辑运算
var a = "123";var b = !a; // false而另一种形式则不改变目标类型,且支持布尔短路,包括“逻辑与”(&&)和“逻辑或”(||)运算。所谓布尔短路,指的是指判断第一个运算元就决定运算结果,而不需要处理第二个运算元。具体运算规则如下:
- 第一个运算元为真时,逻辑或运算返回第一个运算元(注意,没有改变类型),逻辑与运算返回第二个运算元
- 第一个运算元为假时,逻辑或运算返回第二个运算元,逻辑与运算返回第一个运算元
function and(a, b) { return a && b;}function or(a, b) { return a || b;}var a = and("str", false); // a === falsevar b = or("str", false); // b === "str"var c = and(0, "str2"); // c === 0var d = or(0, "str2"); // d === "str2"这种运算最常见的用法是处理实参。我们知道,JavaScript中的实参列表和形参列表可以长度不等,那么,如何处理不等的部分呢?我们举个例子:
function add(a, b) { return a + b;}var a = add(5); // NaN结果是NaN,这明显不是我们想要的结果,我们更愿意它返回5。我们可以利用逻辑运算:
function add(a, b) { b = b || 0; return a + b;}var a = add(5); // 5var b = add(5, 2); // 7如果形参长度大于实参长度,超过的部分将是undefined。而b = b || 0这句能在b为undefined(布尔值为false)的时候,把0赋给b,使得b仍然为数值类型,并参与运算。当然,这样处理还是很简陋的,比如当传入的b为非空字符串的时候,这个函数还是会出错,所以正确的做法应该是判断是不是数值类型,但在排除API使用者乱来的情况下,逻辑运算不失为一种好办法。
字符串运算
var a = "str" + "ing"; // a === "string"var b = "str" + 0; // b === "str0"var c = 0 + "str"; // c === "0str"var d = "str" + undefined; // d === "strundefined"var e = null + "str" + undefined; // e === "nullstrundefined"var f = null + undefined + "str"; // f == "NaNstr"
比较运算
等值检测
等值检测中相等运算规则
等值检测中相同运算规则
数据类型相同时,进行数值等值比较值类型与引用类型比较必然不相同两个引用类型比较比较引用的地址我们可以看到,两个引用类型比较,相同和相等并没有什么区别。我们看个例子:
var str1 = new String("str");var str2 = new String("str");console.log(str1 == str2); // falseconsole.log(str1 === str2); // false
序列检测
函数调用
这部分内容在上一节的JavaScript函数中有详细解说,就不细表了。有一点要说的是,运算符“( )”,只能在函数或指向某函数的变量后,否则,将会触发异常。特殊作用的运算符
运算优先级
void 1+2我们知道void的作用是让表达式总是返回undefined,那么,void操作的对象究竟是1还是1+2呢?换句话说,void和+哪个的优先级更高?
同一优先级的不同或相同运算符同时出现在一个语句中时,按从左到右执行。
- JavaScript快速入门(五)——表达式运算
- 正则表达式(五)——javascript
- Ruby快速入门(五):字符串和正则表达式
- (一)JavaScript入门基础+数据类型+表达式运算符
- JavaScript快速入门(一)——JavaScript概览
- JavaScript快速入门(二)——JavaScript变量
- JavaScript快速入门(三)——JavaScript语句
- JavaScript快速入门(四)——JavaScript函数
- JavaScript深入浅出——表达式和运算符(二)
- JavaScript中的正则表达式快速入门
- 一起来学正则表达式(1)——快速入门
- Python 正则表达式——快速入门
- backbonejs快速入门(五)
- JavaScript快速入门(六)——DOM
- HTML5快速入门(四)—— JavaScript
- 正则表达式入门经典(学习笔记五)——正则表达式中的圆括号
- javascript 正则表达式入门基础—由浅入深
- javascript 正则表达式入门基础—由浅入深
- 常用的循环遍历数据方法---迭代器模式
- 灵活多变的Javascript
- makefile 使用实例(三)
- 。net技术架构?
- eclipse + maven + plugin 插件 安装和配置
- JavaScript快速入门(五)——表达式运算
- maven 学习笔记(八)-创建简单的intellij+android+maven工程
- matlab 默认打开路径的修改
- 更轻量的 View Controllers
- (老文章)Box2D新手入门顺阶教程
- cocos2d-x-3.3-023-仿微信飞机大战-总体分析和建模
- 庄表伟回应破破桥:OpenSSL是否值得同情?
- 还有人在用硬盘吗?
- asp.net 注意事项