JS中的运算符简介

在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.用处：用处接受两个表达式，然后返回后一个表达式的值：

  
  
  

另外：关于运算符的优先级以及结合性请参考MDN文档