JS中的运算符简介

作者: 大春春 | 来源:发表于2017-01-02 14:29 被阅读111次

在JS中，运算符主要是用以连接简单表达式，组成复杂表达式，比如下面就是一个简单的加号运算符组成的表达式；
a + b
运算符有很多，但是可以大致的分为以下几个大类：
算术运算符、赋值运算符、比较运算符、布尔运算符、位运算符，以及一些诸如括号，typeof之类的有特定功能的运算符，下面就对这些运算符进行一些总结。

一、算术运算符

算术运算符有如下几种：
1.加号运算符：+，比如：1 + 2；

加号
2.减号运算符：-，比如1 - 2；
减号
3.乘号运算符：*，比如1 * 2；
乘号
4.除号运算符：/，比如1 / 2；
除号
5.求余运算符（求两个值相除得出的余数）：%，比如3 % 4；
求余
6.自增与自减：自增：++自减：---，指某个变量加1后赋值给自身或某个变量减1后赋值给自身；
自增与自减
7.求负运算符：-，例如：-1；
求负
8.数值运算符：+，例如：+1；
数值
+运算符会根据数据类型的不同而有不同的含义：
1.数字与字符串相加时，会把数字转化成字符串后再做字符串的拼接：

2.字符串与字符串相加时，会做字符串拼接：

3.只有一个参数的时候，会将其转化为Number类型，不能转化为数字则转化为NaN(NaN也是Number类型)：

PS：这种情况不单单+运算符会有，求负运算符-也会有：

4.当运算参数中有对象时，会先调用对象的valueOf()方法，如果valueOf()，没有值，则调用toString()方法
除+运算符以外的运算符计算两个值之间的结果时，如果有一方不是数字，则会调用Number()方法对其进行数字转换，若是不能转换为数字的类型，则转换为NaN，并得出NaN；
自增与自减之间需要注意的地方；
1.自增自减需要的是一个变量，如果直接使用数字进行计算会出错：

2.表达式放左边和放右边的区别（a++与++a的区别），自减运算类似：
'a++'会在自增后输出自增前的数值，++a输出自增后的数值：
a++
++a

二、赋值运算符

赋值运算符有如下几种
1.普通赋值：=，如：a = 1；
2.加法运算后赋值：+=，如：a += 1 → a = a + 1；
3.减法运算后赋值：-=，如：a -= 1 → a = a - 1；
4.乘法运算后赋值：*=，如：a *= 1 → a = a * 1；
5.除法运算后赋值：/=，如：a /= 1 → a = a / 1；
6.求余运算后赋值：%=，如： a %= 1 → a = a % 1；
7.转换二进制再向右位移后赋值：>>=，如下图：

8.转换二进制再向左位移后赋值：<<=，如下图：

9.做与运算后赋值：&=，与运算方法请看下面的位运算符；
10.做或运算后赋值：|=，或运算方法请看下面的位运算符；
11.做异或运算后赋值：^=，异或运算方法请看下面的为运算符；

三、位运算符（因为不常用，只做运算方法的介绍）

为运算符有以下几种
或运算：|，表示两个二进制位中有一个为1，则结果为1，否则为0。
与运算：&，表示两个二进制位都为1，则结果为1，否则为0。
否运算：～，表示将一个二进制位变成相反值。
异或运算：ˆ，表示两个二进制位中有且仅有一个为1时，结果为1，否则为0。
左移运算：<<，表示某个数的二进制表示向右位移两位；
右移运算：>>，表示某个数的二进制表示向左位移两位；
关于十进制转化二进制
1.二进制介绍：
与十进制逢十进一不同，二进制是逢二进一，也就是说十进制中的2，在二进制中表示为000000010，十进制的1则为000000001；
2.JS中十进制与二进制相互转换的方法：
十进制转换二进制（调用toString()方法）：

十进制转换二进制
二进制转换十进制（调用parseInt()方法）：
二进制转换十进制
关于位运算符的计算方式
以或运算为例（1|2）：

图解

四、比较运算符

比较运算符简介
比较运算符用于两个值之间的比较，然后返回一个布尔值(true或者false)
比较运算符有如下几种
1.相等： ==；
2.严格相等： ===；
3.不相等： !=；
4.严格不相等： !==；
5.小于： <；
6.小于或等于： <=；
7.大于： >；
8.大于或等于： >=；
==与===之间的区别
1.两个等于号的==运算符进行值的比较之前，会将两个值转化成相同的数据类型再进行比较：

2.三个等于号的===运算符直接进行比较，不进行数据类型间的转换：

3.!=与!==运算符的比较与上面类似；

五、布尔运算符

布尔运算符简介
1.布尔运算符中的&&和||用于对两个值转换成布尔类型进行判断，然后输出一个值；
2.!运算符用于对值的布尔值类型进行取反，例如：!1输出为false；
布尔运算符有如下几个
1.取反：!，true转换为false，false转换为true；
2.且运算：&&，只要有一个为false则为false；
3.或运算：||，只要有一个为true则结果为true；
且运算&&与或运算||的'断路'机制
1.&&且运算符在遇到第一个值为false时，不会对第二个值进行判断，直接输出第一个值，两者都为true或第一个值为true时输出第二个值：

2.||或运算符在遇到第一个值为true时，不对第二个值进行判断，直接输出第一个值，两者都为false或第一个值为false时输出第二个值：
三元条件运算符
1.用处：用来做条件判断，如果对则输出true时的命令，错误则输出false是的命令，格式如下：
condition? true case : false case;
2.例子：

六、其它运算符

typeof 运算符：
1.用处：用于判断一个值的数据类型：如下

2.注意，typeof的优先级非常高，比加减乘除都高，所以如下运算中，会先计算typeof 2的结果，再加上3：
小括号运算符
用处有两个：
1.放在函数后面表示调用该函数：

2.包裹表达式用于表明被包裹的表达式进行优先计算：
void运算符
1.用处：用于接收一个表达式，然后输出undefined，使用该运算符输出undefined的原因是防止在低版本的浏览器中undefined被覆盖

2.常用于做判断的语句中：
逗号运算符
1.用处：用处接受两个表达式，然后返回后一个表达式的值：