html css JavaScript 运算符 算数运算符 浮点数的精度问题 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 运算符优先级

运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。

JavaScript 中常用的运算符有：

• 算数运算符

• 递增和递减运算符

• 比较运算符

• 逻辑运算符

• 赋值运算符

算数运算符

算数运算符

运算符	说明	示例
+	加	10 + 20 = 30
-	减	10 - 20 = -10
*	乘	10 * 20 = 200
/	除	10 / 20 = 0.5
%	模	5 % 2 = 1

浮点数的精度问题

浮点数值的最高精度是 17 位小数，但在进行算术计算时有精度误差。

console.log(0.1 + 0.2); // 结果不是 0.3，而是：0.30000000000000004
console.log(0.07 * 100); // 结果不是 0.7，而是：7.000000000000001

所以：不要直接判断两个浮点数是否相等！

递增和递减运算符

递增运算： ++

递减运算：--

let num1 = 1
let num2 = 1
let num3 = 1
let num4 = 1
console.log(num1++)  //1
console.log(++num2)  //2
console.log(num3--)  //1
console.log(--num4)  //0

比较运算符

比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算符后，会返回一个布尔值（ture / false）作为比较运算的结果。

运算符名称	说明	示例	结果
<	小于号	1 < 2	true
>	大于号	1 > 2	false
>=	大于等于号（大于或等于）	2 >= 2	true
<=	小于等于号（小于或等于）	3 <= 2	false
==	判等号（会转型）	37 == '37'	true
!=	不等号	37 != 37	false
=== !==	全等 要求值和 数据类型都一致	37 == '37'	false

示例：

console.log(18 == '18'); // true
console.log(18 === '18'); // false

逻辑运算符

逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。后面开发中经常用于多个条件的判断

逻辑运算符	说明	示例
&&	“逻辑与”，简称 “与” and 短路运算	true && false
||	“逻辑或”，简称 “或” or 短路运算	true || false
!	“逻辑非”，简称 “非” not	! true
&	“逻辑与”，简称 “与” and 长路运算	true & false
|	“逻辑或”，简称 “或” or 长路运算	true | false

let num = 1
if (num == 2 & num++ > 0) {  //长路运算
​
}
console.log(num) // 2


let num = 1
if (num == 1 | num++ > 0) {  //断路运算
​
}
console.log(num)  //2

赋值运算符

用来把数据赋值给变量的运算符。

赋值运算符	说明	示例
=	直接赋值	var usrName = '值';
+=、-=	加、减一个 数 后再赋值	var age = 10; age+=5; // 15
*=、/=、%=	乘、除、取模 后再赋值	var age = 2; age*=5; // 10

运算符优先级

优先级	运算符	顺序
1	小括号	()
2	一元运算符	++ -- ！
3	算数运算符	先 * / % 后 + -
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	先 && 后 ||
7	赋值运算符	=
8	逗号运算符	,

• 一元运算符里面的逻辑非优先级很高

• 逻辑与比逻辑或优先级高