八、运算符
8.1、运算符的分类
运算符（operator）也被称为操作符，**是用于实现赋值、比较和执行算数运算等功能的符号。**JavaScript中常用的运算符有：
- 算数运算符
- 递增和递减运算符
- 比较运算符
- 逻辑运算符
- 赋值运算符
8.1.1、算数运算符
算术运算使用的符号，用于执行两个变量或值的算术运算。
| 运算符 | 描述 | 示例 |
| + | 加 | 1+1=2 |
| - | 减 | 3-1=2 |
| * | 乘 | 1*3=3 |
| / | 除 | 10/3=3 |
| % | 取余数（取模） | 10%3=1 |
8.1.1.1、浮点数的精度问题
浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。所以在JavaScript中不要直接判断两个浮点数是否相等 !
var result = 0.1 + 0.2; // 结果不是 0.3，而是：0.30000000000000004 console.log(0.07 * 100); // 结果不是 7， 而是：7.000000000000001 复制代码
8.1.1.2、表达式和返回值
表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合，简单来说是由数字、运算符、变量等组成的式子
表达式最终都会有一个结果，返回给开发者，称为返回值。
8.1.2、 递增和递减运算符
8.1.2.1、概述
如果需要反复给数字变量添加或减去1，可以使用递增（++）和递减（ -- ）运算符来完成。在 JavaScript 中，递增（++）和递减（ -- ）既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。递增和递减运算符必须和变量配合使用。
8.1.2.2、递增运算符
8.1.2.2.1、前置递增运算符
++num 前置递增，就是自加1，类似于 num = num + 1，但是 ++num 写起来更简单。他的口诀是先自加，后返回值。
var num = 10; alert(++num + 10); // 21 复制代码
8.1.2.2.2、后置递增运算符
num++ 后置递增，就是自加1，类似于 num = num + 1 ，但是 num++ 写起来更简单。他的口诀是先返回原值，后自加 。
var num = 10; alert(10 + num++); // 20 复制代码
8.1.3、比较运算符
8.1.3.1、概述
比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值（true / false）作为比较运算的结果。
| 运算符名称 | 说明 | 案例 | 结果 |
| < | 小于 | 1<2 | true |
| > | 大于 | 3>2 | true |
| >= | 大于等于 | 2>=2 | true |
| <= | 小于等于 | 3<=3 | true |
| == | 是否等于 | 1==1 | true |
| != | 不等于 | 1!=2 | true |
| === 、 !=== | 是否全等（值和类型是否都相等） | 2==='2' | false |
8.1.3.2、等号比较
| 符号 | 作用 | 用法 |
| = | 赋值 | 把右边赋值给左边 |
| == | 判断 | 判断两边的值是否都相等（有隐式数据类型转换） |
| === | 全等 | 判断两边的值和数据类型是否完全一致 |
8.1.4、逻辑运算符
8.1.4.1、概述
逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。后面开发中经常用于多个条件的判断。
| 逻辑运算符 | 说明 | 案例 |
| && | 逻辑与，简称与，and | true && true |
| || | 逻辑或，简称或，or | false||true |
| ！ | 逻辑非，简称非，not | !true |
8.1.4.2、逻辑与&&
两边都是 true才返回 true，否则返回 false。
8.1.4.3、逻辑或 ||
只要有一边是true就返回true，否则是false。
8.1.4.4、逻辑非 ！
逻辑非（!）也叫作取反符，用来取一个布尔值相反的值，如 true 的相反值是 false。
var isOk = !true; console.log(isOk); // false 复制代码
8.1.4.5、短路运算
当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。
8.1.4.5.1、逻辑与
他的语法格式：表达式1 && 表达式2。
表达的意思是，如果第一个表达式的值为真，则返回表达式2，如果第一个表达式的值为假，则返回表达式1。
console.log( 123 && 456 ); // 456 console.log( 0 && 456 ); // 0 console.log( 123 && 456&& 789 ); // 789 复制代码
8.1.4.5.2、逻辑或
他的语法： 表达式1 || 表达式2。
表达的意思是，如果第一个表达式的值为真，则返回表达式1，如果第一个表达式的值为假，则返回表达式2。
console.log( 123 || 456 ); // 123 console.log( 0 || 456 ); // 456 console.log( 123 || 456 || 789 ); // 123 复制代码
8.1.5、赋值运算符
赋值运算符是用来把数据赋值给变量的运算符。
| 赋值运算符 | 说明 | 案例 |
| = | 直接赋值 | var name = 'XiaoLin' |
| += 、-= | 加减一个数后再赋值 | var age = 18; age += 10; |
| *=、/=、%= | 乘、除、取模后赋值 | var = 18; age %=2 |
var age = 10; age += 5; // 相当于 age = age + 5; age -= 5; // 相当于 age = age - 5; age *= 10; // 相当于 age = age * 10; 复制代码
8.1.6、运算符优先级
| 优先级 | 运算符 | 顺序 |
| 1 | 小括号 | () |
| 2 | 一元运算符 | ++ 、 == 、 ! |
| 3 | 算术运算符 | 先乘除后加减 |
| 4 | 关系运算符 | > 、 >= 、 < 、 <= 、 |
| 5 | 相等运算符 | == 、 != 、 === 、 !== 、 |
| 6 | 逻辑运算符 | 先&&后|| |
| 7 | 赋值运算符 | = |
| 8 | 逗号运算符 | , |
总的来说就是：
- 一元运算符里面的逻辑非优先级很高。
- 逻辑与比逻辑或优先级高
