javascript 操作符类型隐性转换

时间:2022-02-07 16:21:20

javascript 操作符类型隐性转换

(一).一元操作符
只能操作一个值的操作符叫做一元操作符
1.递增和递减操作符
a. 在应用于一个包含有效数字字符的字符串时,先将其转换为数字值,再执行加减1的操作。字
符串变量变成数值变量。
eg: var a='1'; ++a;  //a 变成2
b.在应用于一个不包含有效数字字符的字符串时,将变量的值设置为NaN,字符串变量变成数值变量。
eg:var a='1aa';++a  //a 变成NaN
c:在应用于布尔值false时,先将其转换为0再执行加减1的操作。布尔值变量变成数值变量。
eg:var a=false;++a  //a 变成1
d:在应用于布尔值true时,先将其转换为1再执行加减1的操作。布尔值变量变成数值变量。
eg:var a=true;++a  //a 变成2
e:在应用于浮点数值时,执行加减1的操作。
eg:var a=1.1;++a  //a 变成2.1
f:在应用于对象时,先调用对象的valueOf()方法 以取得一个可供操作的
值。然后对该值应用前述规则。如果结果是NaN,则在调用toString()方法后再应用前述规
则。对象变量变成数值变量。
eg:var a=[];++a; //a变成1;内部操作原则:先把a调用valueOf()如果返回的是对象则再调用toString(),再对结果转换为

Number按照一元操作符计算

由此可见对于一元操作符来说都是先把变量转换为Number类型 ,再进行计算。先Number(变量),再计算。
2. 一元加和减操作符
在对非数值应用一元加操作符时,该操作符会像Number()转型函数一样对这个值执行转换。
换句话说,布尔值false和true将被转换为0和1,字符串值会被按照一组特殊的规则进行解析,而对象是先调用它们的

valueOf()和(或)toString()方法,再转换得到的值。
下面的例子展示了对不同数据类型应用一元加操作符的结果:
var s1 = "01";
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o = {
valueOf: function() {
     return -1;
  }
};
s1 = +s1;  // 值变成数值1
s2 = +s2;  // 值变成数值1.1
s3 = +s3;  // 值变成NaN
b = +b;  // 值变成数值0
f = +f;  // 值未变,仍然是1.1
o = +o;  // 值变成数值-1

一元减操作符主要用于表示负数,例如将1转换成-1
在将一元减操作符应用于数值时,该值会变成负数。而当应用于非数值时,
一元减操作符遵循与一元加操作符相同的规则,最后再将得到的数值转换为负数,如下面的例子所示:
var s1 = "01";
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o = {
  valueOf: function() {
    return -1;
  }
};
s1 = -s1; // 值变成了数值-1
s2 = -s2; // 值变成了数值-1.1
s3 = -s3; // 值变成了NaN
b = -b; // 值变成了数值0
f = -f; // 变成了-1.1
o = -o; // 值变成了数值1
一元加和减操作符主要用于基本的算术运算,也可以像前面示例所展示的一样用于转换数据类型。

(二)位操作符
ECMAScript中的所有数值都以IEEE-754 64位格式存储,但位操作符并不直接操作64位的值。而是先将64位的值转换成32位
的整数,然后执行操作,最后再将结果转换回64位。
对于有符号的整数,32位中的前31位用于表示整数的值(最后一位索引为0)。第32位用于表示数值的符号:0表示正数,1表示

负数。这个表示符号的位叫做符号位,符号位的值决定了其他位数值的格式。正数以纯二进制格式存储,31位中的每一位都

表示2的幂.没有用到的位以0 填充,即忽略不计。
如果对非数值应用位操作符,会先使用Number()函数将该值转换为一个数值(自动完成),然后再应用位操作。得到的结果

将是一个数值。
在对特殊的NaN和Infinity值应用位操作时,这两个值都会被当成0来处理
十进制转二进制算法为分步除2取余数,然后余数倒过来得到二进制结果。
例如:

2|__3__   1  //余数为1  
  2|_1_   1  //余数为1
     0  //余数为0

余数倒过来为:011。即十进制3转为二进制为011
_
例如,数值18 的二进制表示是
00000000000000000000000000010010,或者更简洁的10010。
负数同样以二进制码存储,但使用的格式是二进制补码。计算一个数值的二进制补码,需要经过下列3个步骤:
(i) 求这个数值绝对值的二进制码(例如,要求18的二进制补码,先求18的二进制码);
(ii) 求二进制反码,即将0替换为1,将1替换为0;
(iii) 得到的二进制反码加1。
要根据这3个步骤求得18的二进制码,首先就要求得18的二进制码,即:
0000 0000 0000 0000 0000 0000 0001 0010
然后,求其二进制反码,即0和1互换:
1111 1111 1111 1111 1111 1111 1110 1101
最后,二进制反码加1:
1111 1111 1111 1111 1111 1111 1110 1101
  1
---------------------------------------
1111 1111 1111 1111 1111 1111 1110 1110
这样,就求得了18的二进制表示,即11111111111111111111111111101110。要注意的是,在处理有符号整数时,是不能访

问位31的。
ECMAScript会尽力向我们隐藏所有这些信息。换句话说,在以二进制字符串形式输出一个负数时,
我们看到的只是这个负数绝对值的二进制码前面加上了一个负号。如下面的例子所示:
var num = -18;
alert(num.toString(2)); // "-10010"
要把数值18转换成二进制字符串时,得到的结果是"-10010"。这说明转换过程理解了二进制补码并将其以更合乎逻辑的形

式展示了出来。
1. 按位非(NOT)由一个波浪线(~)表示
执行按位非的结果就是返回数值的反码
var num1 = 25;   // 二进制00000000000000000000000000011001
var num2 = ~num1;  // 二进制11111111111111111111111111100110
alert(num2);  // -26
这里,对25执行按位非操作,结果得到了26。这也验证了按位非操作的本质:操作数的负值减1。
相当于num2 = -num1 -1
然以上代码也能返回同样的结果,但由于按位非是在数值表示的最底层执行操作,因此速度更快。
常见应用:

判断字符索引 'abc'.indexOf('a') > -1  可改为~'abc'.indexOf('a')

转整型: ~~12.123
2. 按位与(AND)
按位与操作符由一个和号字符(&)表示,它有两个操作符数。从本质上讲,按位与操作就是将两
个数值的每一位对齐,然后根据下表中的规则,对相同位置上的两个数执行AND操作:
------------------------------------------
第一个数值的位  第二个数值的位  结 果
1                  1              1
1                  0              0
0                  1              0
0                  0              0
------------------------------------------
简而言之,按位与操作只在两个数值的对应位都是1时才返回1,任何一位是0,结果都是0。
下面看一个对25和3执行按位与操作的例子:
var result = 25 & 3;
alert(result); //1
可见,对25和3执行按位与操作的结果是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的二进制码对应位上只有一位同时是1,而其他位的结果自然都是0,因此最终结果
等于1。

3. 按位或(OR)
按位或操作符由一个竖线符号(|)表示,同样也有两个操作数。按位或操作遵循下面这个真值表
------------------------------------------
第一个数值的位  第二个数值的位  结 果
1                  1              1
1                  0              1
0                  1              1
0                  0              0
------------------------------------------
按位或操作在有一个位是1的情况下就返回1,而只有在两个位都是0的情况下才返回0。
var result = 25 | 3;
alert(result); //27
25与3按位或的结果是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,因此可以把每个1直接放到结果中。二进制码11011等于十进制值27。
转整型:12.123|0
4. 按位异或(XOR)
按位异或操作符由一个插入符号(^)表示,也有两个操作数。以下是按位异或的真值表。
------------------------------------------
第一个数值的位  第二个数值的位  结 果
1                  1              0
1                  0              1
0                  1              1
0                  0              0
------------------------------------------
按位异或与按位或的不同之处在于,这个操作在两个数值对应位上只有一个1时才返回1,如果对
应的两位都是1或都是0,则返回0。
对25和3执行按位异或操作的代码如下所示:
var result = 25 ^ 3;
alert(result); //26
25与3按位异或的结果是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

5. 左移
移操作符由两个小于号(<<)表示,这个操作符会将数值的所有位向左移动指定的位数。例如,
如果将数值2(二进制码为10)向左移动5位,结果就是64(二进制码为1000000),代码如下所示:
var oldValue = 2;  // 等于二进制的10
var newValue = oldValue << 5;  // 等于二进制的1000000,十进制的64
在向左移位后,原数值的右侧多出了5个空位。左移操作会以0来填充这些空位,以便得到
的结果是一个完整的32位二进制数
左移不会影响操作数的符号位。换句话说,如果将2向左移动5位,结果将是64,而非64

6. 有符号的右移
有符号的右移操作符由两个大于号(>>)表示,这个操作符会将数值向右移动,但保留符号位(即
正负号标记)。有符号的右移操作与左移操作恰好相反,即如果将64向右移动5位,结果将变回2:
var oldValue = 64;  // 等于二进制的1000000
var newValue = oldValue >> 5;  // 等于二进制的10 ,即十进制的2
同样,在移位过程中,原数值中也会出现空位。只不过这次的空位出现在原数值的左侧、符号位的
右侧,而此时ECMAScript会用符号位的值来填充所有空位,以便得到一个完整的值

7. 无符号右移
无符号右移操作符由3个大于号(>>>)表示,这个操作符会将数值的所有32位都向右移动。对正
数来说,无符号右移的结果与有符号右移相同。仍以前面有符号右移的代码为例,如果将64无符号右
移5位,结果仍然还是2:
ar oldValue = 64;  // 等于二进制的1000000
var newValue = oldValue >>> 5;  // 等于二进制的10 ,即十进制的2

但是对负数来说,情况就不一样了。首先,无符号右移是以0来填充空位,而不是像有符号右移那
样以符号位的值来填充空位。所以,对正数的无符号右移与有符号右移结果相同,但对负数的结果就不
一样了。其次,无符号右移操作符会把负数的二进制码当成正数的二进制码。而且,由于负数以其绝对
值的二进制补码形式表示,因此就会导致无符号右移后的结果非常之大,如下面的例子所示:
var oldValue = -64;  // 等于二进制的11111111111111111111111111000000
var newValue = oldValue >>> 5;  // 等于十进制的134217726
这里,当对64执行无符号右移5位的操作后,得到的结果是134217726。之所以结果如此之大,
是因为64的二进制码为11111111111111111111111111000000,而且无符号右移操作会把这个二进制码当
成正数的二进制码,换算成十进制就是4294967232。如果把这个值右移5 位,结果就变成了
00000111111111111111111111111110,即十进制的134217726。

(三)布尔操作符
布尔操作符一共有3个:非(NOT)!、与(AND)&& 和或(OR)
1.逻辑非
可以应用于ECMAScript中的任何值,无论这个值是什么数据类型,这个操作符都会返回一个布尔值
逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。
逻辑非操作符遵循下列规则:
a.如果操作数是一个对象,返回false;  
b.如果操作数是一个空字符串,返回true;
c.如果操作数是一个非空字符串,返回false;
d.如果操作数是数值0,返回true
e.如果操作数是任意非0数值(包括Infinity),返回false;
f.如果操作数是null、NaN、undefined,返回true;
而同时使用两个逻辑非操作符,实际上就会模拟Boolean()转型函数的行为
第一个逻辑非操作会基于无论什么操作数返回一个布尔值,而第二个逻辑非操作则对该布尔值求反,于是就得到了这个值真

正对应的布尔值,最终结果与对这个值使用Boolean()函数相同

2. 逻辑与( && )
逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定

返回布尔值
逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。对于逻辑与操作而言,

如果第一个操作数是false,则直接返回第一个操作数不执行第二个操作数。
eg:  true && dd   //报错dd is not defined
     false && dd   //不会报错 ,因为false直接返回了,不会对与操作符右侧操作数求值(取值)了

3. 逻辑或( || )
逻辑或操作符也是短路操作符。也就是说,如果第一个操作数的求值结果为true,就不会对第二个操作数求值了
eg: true || dd  //不会报错 ,true 直接返回了dd不会被求值

(四). 乘性操作符
ECMAScript定义了3个乘性操作符:乘法、除法和求模。在操作数为非数值的情况下会执行自动的类型转换
如果参与乘性计算的某个操作数不是数值,后台会先使用Number()转型函数将其转换为数值
Infinity 无穷,-Infinity 负无穷 。Number(Infinity) 结果还是Infinity
a . 乘法
i:如果乘积超过了ECMAScript数值的表示范围,则返回Infinity或-Infinity;
ii:如果有一个操作数是NaN,则结果是NaN
iii:如果是Infinity与0相乘,则结果是NaN;
iv:如果是Infinity与非0数值相乘,则结果是Infinity或-Infinity,取决于有符号操作数的符号;
v:如果是Infinity与Infinity相乘,则结果是Infinity
vi:如果有一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的规则

b. 除法
i:如果操作数都是数值,执行常规的除法计算,即两个正数或两个负数相除的结果还是正数,而如果只有一个操作数有符号

,那么结果就是负数。如果商超过了ECMAScript数值的表示范围,则返回Infinity或-Infinity
ii:如果有一个操作数是NaN,则结果是NaN;
iii:如果是Infinity被Infinity除,则结果是NaN;
iv:如果是零被零除,则结果是NaN;
v:如果是非零的有限数被零除,则结果是Infinity或-Infinity,取决于有符号操作数的符号;
vi:如果是Infinity被任何非零数值除,则结果是Infinity或-Infinity

c. 求模
求模(余数)操作符由一个百分号(%)表示
i:如果被除数是无穷大值而除数是有限大的数值,则结果是NaN
ii:如果被除数是有限大的数值而除数是零,则结果是NaN
iii:如果是Infinity被Infinity除,则结果是NaN
iv:如果被除数是有限大的数值而除数是无穷大的数值,则结果是被除数
v:如果被除数是零,则结果是零

(五)加性操作符
加法和减法都属于加性操作符,与乘性操作符类似,加性操作符也会在后台转换不同的数据类型
a. 加法
如果两个操作符都是数值,执行常规的加法计算,然后根据下列规则返回结果
i:如果有一个操作数是NaN,则结果是NaN;
ii:如果是Infinity加Infinity,则结果是Infinity;
iii:如果是-Infinity加-Infinity,则结果是-Infinity
iv:如果是Infinity加-Infinity,则结果是NaN;
v:如果是+0加+0,则结果是+0,如果是-0加-0,则结果是-0,如果是+0加-0,则结果是+0。
不过,如果有一个操作数是字符串,那么就要应用如下规则
i:如果两个操作数都是字符串,则将第二个操作数与第一个操作数拼接起来
ii:如果只有一个操作数是字符串,则将另一个操作数转换为字符串,然后再将两个字符串拼接起来。
如果有一个操作数是对象、数值或布尔值,则调用它们的toString()方法取得相应的字符串值,然后再应用前面关于字符串

的规则。对于undefined和null,则分别调用String()函数并取得字符串"undefined"和"null"。
(true + 1 ==2)
b.减法
与加法操作符类似,ECMAScript中的减法操作符在处理各种数据类型转换时,同样需要遵循一些特殊规则,如下所示:
i:如果两个操作符都是数值,则执行常规的算术减法操作并返回结果;
ii:如果有一个操作数是NaN,则结果是NaN;
iii:如果是Infinity减Infinity,则结果是NaN;
iv:如果是-Infinity减-Infinity,则结果是NaN;
v:如果是Infinity减-Infinity,则结果是Infinity;
vi:如果是-Infinity减Infinity,则结果是-Infinity
vii:如果是+0减+0,则结果是+0;如果是+0减-0,则结果是-0;如果是-0减-0,则结果是+0
viii:如果有一个操作数是字符串、布尔值、null或undefined,则先在后台调用Number()函数将其转换为数值,然后再根据

前面的规则执行减法计算。如果转换的结果是NaN,则减法的结果就是NaN;
ivv:如果有一个操作数是对象,则调用对象的valueOf()方法以取得表示该对象的数值。如果得到的值是NaN,则减法的结果

就是NaN。如果对象没有valueOf()方法,则调用其toString()方法并将得到的字符串转换为数值。

(六) 关系操作符
小于(<)、大于(>)、小于等于(<=)和大于等于(>=)这几个关系操作符用于对两个值进行比较,这几个操作符都返回

一个布尔值
与ECMAScript中的其他操作符一样,当关系操作符的操作数使用了非数值时,也要进行数据转换或完成某些奇怪的操作。以

下就是相应的规则。
i.如果两个操作数都是数值,则执行数值比较。
ii.如果两个操作数都是字符串,则比较两个字符串对应的字符编码值
iii.如果一个操作数是数值,则将另一个操作数转换为一个数值,然后执行数值比较。
iv.如果一个操作数是对象,则调用这个对象的valueOf()方法,用得到的结果按照前面的规则执行比较。如果对象没有

valueOf()方法,则调用toString()方法,并用得到的结果根据前面的规则执行比较。
v.如果一个操作数是布尔值,则先将其转换为数值,然后再执行比较。
eg:var result = "23" < "3"; //true
   var result = "23" < 3; //false
字符串"23"会被转换成数值23,然后再与3进行比较,因此就会得到合理的结果。
var result = "a" < 3; // false,因为"a"被转换成了NaN
( 七 ) 相等操作符
相等和不相等——先转换再比较,全等和不全等——仅比较而不转换。
a. 相等(==)、不相等(!=)这两个操作符都会先转换操作数(通常称为强制转型),然后再比较它们的相等性。
在转换不同的数据类型时,相等和不相等操作符遵循下列基本规则:
i:如果有一个操作数是布尔值,则在比较相等性之前先将其转换为数值——false转换为0,而true转换为1;
ii:如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值;
iii:如果一个操作数是对象,另一个操作数不是,则调用对象的valueOf()方法,用得到的基本类型值按照前面的规则进行比

较;
iv: null和undefined是相等的
v:要比较相等性之前,不能将null和undefined转换成其他任何值。//undefined == 0  false;null == 0  false
vi:如果有一个操作数是NaN,则相等操作符返回false,而不相等操作符返回true
vii:如果两个操作数都是对象,则比较它们是不是同一个对象。如果两个操作数都指向同一个对象,则相等操作符返回true

;否则,返回false。
b.全等(===)和不全等(!==)
在比较之前不转换操作数,不同数据类型的操作数都不全等

(八)条件操作符
variable = boolean_expression ? true_value : false_value;
基于对boolean_expression求值的结果,决定给变量variable赋什么值

(九)赋值操作符
简单的赋值操作符由等于号(=)表示,其作用就是把右侧的值赋给左侧的变量
如果在等于号(=)前面再添加乘性操作符、加性操作符或位操作符,就可以完成复合赋值操作
每个主要算术操作符(以及个别的其他操作符)都有对应的复合赋值操作符
乘/赋值(*=);
除/赋值(/=);
模/赋值(%=);
加/赋值(+=);
减/赋值(=);
左移/赋值(<<=);
有符号右移/赋值(>>=);
无符号右移/赋值(>>>=)。
计这些操作符的主要目的就是简化赋值操作。使用它们不会带来任何性能的提升

(十)逗号操作符
使用逗号操作符可以在一条语句中执行多个操作:
var num1=1, num2=2, num3=3;
逗号操作符还可以用于赋值。在用于赋值时,逗号操作符总会返回表达式中的最后一项:
var num = (5, 1, 4, 8, 0); // num的值为0

参考资料:javascript高级程序设计(第三版)

关于操作符优先级:

下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。

运算符 描述
. [] () 字段访问、数组下标、函数调用以及表达式分组
++ -- - ~ ! delete new typeof void 一元运算符、返回数据类型、对象创建、未定义值
* / % 乘法、除法、取模
+ - + 加法、减法、字符串连接
<< >> >>> 移位
< <= > >= instanceof 小于、小于等于、大于、大于等于、instanceof
== != === !== 等于、不等于、严格相等、非严格相等
& 按位与
^ 按位异或
| 按位或
&& 逻辑与
|| 逻辑或
?: 条件
= oP= 赋值、运算赋值
, 多重求值

圆括号可用来改变运算符优先级所决定的求值顺序

参考:http://www.jb51.net/article/34922.htm