JavaScript极易出错的操做符运算

这是我参与8月更文挑战的第8天，活动详情查看：8月更文挑战

算术运算符

+ - * / % ()

非正常状况1: 有特殊值字面量参与的运算

• NaN参与的运算：获得的结果都是NaN

• Infinity参与的运算，视状况而定, 好比:

5/Infinity=0
5%Infinity=5
Infinity%5=NaN
Infinity+5=Infinity
Infinity / Infinity = NaN
Infinity - Infinity = NAN
Infinity % Infinity = NAN
复制代码

工做中并不会使用特殊值运算，没有实际应用的意义，可是要了解，以防面试遇到

非正常状况2: 其余类型的数据参与数学运算。

• 有字符串参与的 + 运算(包括只有符号一边有字符的状况)：+ 号变为连字符将先后链接成总体字符串。

例如:

var a = 3 - "36" % 5 + "2" - 2
        console.log(a)
        var b = "36" % 5
        console.log(b)
        var c = 3 - "36" % 5 + "2"
        console.log(c)
复制代码

输出:

20
1
22
复制代码

• 隐式转换：除了字符串参与的 + 运算，其余状况下，全部其余数据类型参与数学运算时，计算机暗中将其余数据类型先自动转换成数字类型，再参与运算，这个过程当中不须要使用parseInt()、Number() 等方法，过程是暗中进行，这就是一个隐式转换的过程。

隐式转换

其余的数据类型会隐式转换为数字类型：

• 对应数字：纯数字字符串会转为对应的数字”123”→123
• 转换为1： true
• 转换为0：false、null、 “”空字符串、空白字符串
• 转换为NaN：undefined、非空非纯数字字符串

比较运算符

也叫做关系运算符。一个 比较运算符 comparison operator 比较它的操做数并返回一个布尔类型值。运算结果要么是true，要么是false。

>  大于

<  小于

>= 大于等于

<= 小于等于

== 相等，只判断值大小是否相等，不判断数据类型

!= 不等，与相等彻底相反

===全等，不光判断值相等，还要判断数据类型相等

!==不全等，与全等于彻底相反
复制代码

非正常状况1: 特殊值参与比较运算

• NaN参与：不等于和不全等于结果是 true，其余的都获得 false
• Infinity参与的运算，视状况而定, 好比:

Infinity == Infinity ->True
Infinity === Infinity ->True
Infinity > Infinity ->False
Infinity >= Infinity ->True
复制代码

非正常状况2: 其余数据类型参与比较运算（排除字符串与字符串的比较

其余数据类型也会隐式转换为数字参与比较。

“123”→123 true→1 false→0 null→0 undefined→NaN “”→0 “abc”→NaN
复制代码

null 的判断比较特殊：null 与 0 判断时，相等判断为 false，>= 和 <= 判断为 true

null == undefined -> True

非正常状况3: 字符串与字符串比较

不会发生隐式转换为数字，而是比较两个字符串的 Unicode 编码顺序 字符编码顺序：从前日后 0-9，A-Z，a-z，前面的小于后面的 比较时，不关心两个字符串的长度，从第一个字符开始比较，依次日后顺延比较，直到比较出大小，就再也不日后比较

逻辑运算符

逻辑运算符经常使用于布尔类型值之间; 当操做数都是布尔值时，返回值也是布尔值

&&      逻辑与运算符且
||      逻辑或运算符
!       逻辑非运算符
复制代码

非正常状况

• 除了布尔类型的值以外，其余数据类型的值也能够参与逻辑运算。运算过程当中须要将操做数隐式转换为布尔类型的值，参与判断计算，最终运算结果仍是原来的某个位置的数据.
• 并非全部逻辑运算返回结果都是布尔值，其余数据参与获得的就是数据自己

隐式转换为布尔值的规律

• 转为false：NaN、0、 “”空字符串、null、undefined
• 转为true：非0 非NaN数字、非空字符串

当它们用于非布尔值的时候，返回值就多是非布尔值。其实这种运算很是简单：

• (逻辑与 a && b ) 若是a能被转换为false，那么返回a；不然，返回b
• (逻辑或 a || b ) 若是a能被转换为true，那么返回a；不然，返回b

逻辑运算符运算顺序

综合运算顺序：非、与、或

赋值运算符

=   等于
+=  加等于
-=  减等于
*=  乘等于
/=  除等于
%=  取余等于
++  递加
--  递减
复制代码

一元运算符

++ -- !
复制代码

++ 或 -- 符号能够写在变量前和变量后面，位置不一样可能致使程序运行结果不一样

以 ++ 为例：

• a++: ++ 符号在变量以后，a++ 在参与程序过程当中使用的原始没有加 1 的值，使用完后第二次用 a 变量时，a 用的就是加 1 后的新值。先参与，后自加.
• ++a：++ 符号在变量以前，++a 在参与过程当中总体就使用 a 加 1 以后的新值，使用完后第二次用 a 变量时，a 用的也是加 1 的新值。先自加，后参与

例1

var a = 3; 
var b = a++; 
var c = ++a;
console.log(a,b,c)
复制代码

输出:

5 3 5
复制代码

例2

输出:

运算优先级

优先级从高到底:

1. () 优先级最高

2. 一元运算符 ++ -- !

3. 算数运算符 先* / % 后 + -

4. 关系运算符 > >= < <=

5. 相等运算符 == != === !==

6. 逻辑运算符 先&& 后||

7. 赋值运算符
复制代码

例

var a = 4; var num = 1 * (2 + 3) && a++ || 5 > 6 && 7 < 8 || !9; 
console.log(num)
复制代码

输出:

4
复制代码