运算符

运算符分类

• 算术运算符
• 递增和递减运算符
• 比较运算符
• 逻辑运算符
• 赋值运算符
• 三元运算符
• 逗号运算符

算术运算符

概念：算术运算使用的符号，用于执行两个变量或值的算术运算。

运算符	描述	实例
+	加	10 + 10 = 20
-	减	10 - 10 = 0
*	乘	10 * 10 = 100
/	除	10 / 10 = 1
%	取模	10 % 10 = 0

【注意！！！】

浮点数的精度问题

浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度容易丢失。

     var a = 0.1 + 0.4;var b = 0.1 + 0.5;console.log(a == b);   //结果为false 因为a为0.6000000000000001 ；b为0.6console.log(0.7 - 0.4); //结果:0.29999999999999993console.log(0.9 - 0.6); //结果:0.30000000000000004

结论：
浮点数进行算术计算时精度不准确，不能直接判断两个浮点数是否相等

表达式：

是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合

简单理解：表达式是由数字、运算符、变量等组成的式子

返回值：

表达式最终都会有一个结果，返回给开发者，称为返回值

//1 + 1 就是一个表达式
console.log(1 + 1);// 2就是返回值
//在程序中不用1 + 1 = 2；程序中是2 = 1 + 1；将右边的表达式计算完毕赋值给左边
var  num = 1 + 1;
consloe.log(num); //2就是返回值

递增和递减运算符

当递增（++） 和 递减（ – ） 运算符放置在变量前面叫做前置递增(递减)运算符；放置在变量后面叫做后置递增(递减)运算符。

【注意！！！】

递增和递减运算符必须和变量配合使用，不能是++1、1--

前置递增运算符：先自加，后返回值。

即++x运算时，是x先自加1，变为x=1，++x运算后返回值便是1

后置递增运算符：先返回原值，后自加 。

即y++运算时 先返回自加前的值，即y++返回值为0，然后再自加1，y=1

案例讲解：

var a = 10;
var b = a++ + ++a;
console.log(b);

案例解析：

a++先返回原值，即a++等于10，但a加1后变为11，之后运算++a 是指11自加1后返回，即12。所以b等于10+12=22。

小结：

单独写++num 和 num++ 结果是一样的；与其他代码一起的时候，执行结果会不一样
一般使用后置递增(递减)运算符，且代码独占一行，例如：num++ 、num--

比较运算符

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

运算符名称	说明	案例	结果
<	小于号	1<2	true
>	大于号	1>2	false
>=	大于等于号	2>=2	true
< =	小于等于号	3<=2	false
==	判等号	37==37	true
!=	不等号	37!=37	false
===	全等号 比较两个操作数的值是否相等，同时检测它们的类型是否相同	37===‘37’	false
!==	不全等号 比较两个操作数的值是否不相等，同时检测它们的类型是否不相同	37!==‘37’	true

=、==、===等号区别对比

符号	作用	用法
=	赋值	把右边给左边
==	判断	判断两边值是否相等(注意隐式转换)
===	全等	判断两边的值和数据类型是否完全相同

重点：隐式转换

在不同数据类型用双等号（==） 进行比较时，会有系统自动完成的一步类型转换。

> 字符串和数字比较时，字符串转换为数字，再进行比较运算。'10' == 10     // true
> 字符串和布尔值进行比较时，二者全部转换成数字，再进行比较运算。'1' == true    // true
> 布尔值和数字进行比较时，布尔转换为数字，再进行比较运算。0 == true     // false

代码演示：

console.log(21 == '21'); //true 经过隐式转换后两值相等
console.log(21 === '21'); //false 数据类型不一致
console.log(21 != '21'); //false 经过隐式转换后两值相等，所以!=为false
console.log(21 !== '21'); //true  数据类型不一致 所以不等是true

逻辑运算符

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

&& “逻辑与”,简称“与” (and) 【true && true】
|| “逻辑或”,简称“或” (or) 【true || false】
! “逻辑非”,简称“非” (not) 【! true】

逻辑与 【&&】类似于"并且" ：两边都是 true才返回 true，否则返回 false
逻辑或 【| |】 类似于"或者" ：一边为true或两边均为true 就返回 true，否则返回 false
逻辑非 【!】 逻辑非【!】也叫作取反符，用来取一个布尔值相反的值，如 true 的相反值是 false

短路运算（逻辑中断）

&& 和 || 的结果不一定是布尔类型。比如短路运算时。

短路运算的原理：
当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。

①逻辑与&&短路运算

表达式1 && 表达式2 && 表达式3
&& 为取假运算，从左到右依次判断，如果遇到一个假值，就返回假值，以后不再执行，否则返回最后一个真值；

②逻辑或||短路运算

表达式1 || 表达式2 || 表达式3
|| 为取真运算，从左到右依次判断，如果遇到一个真值，就返回真值，以后不再执行，否则返回最后一个假值。

赋值运算符

概念：用来将右侧的值赋给左侧的变量的运算符。
=：直接赋值
*+=、-=：加、减 一个数 后在赋值
=、/=、%=：乘、除、取模 后在赋值

a = b 相当于常规表达式 : a = b
a += b 相当于常规表达式 : a = a + b
a -= b 相当于常规表达式 : a = a - b
a * = b 相当于常规表达式 : a = a * b
a /= b 相当于常规表达式 : a = a / b
a %= b 相当于常规表达式 : a = a % b //* 连续取模赋值是无意义的，因为结果都是一样的

三元运算符

三元运算符又叫条件运算符

语法：条件表达式？语句1：语句2

执行步骤：

1. 三元运算符在执行时，首先对条件表达式进行求值

• 如果结果为true，则执行语句1，并返回执行结果
• 如果结果为false，则执行语句2，并返回执行结果

2.如果条件的表达式的求值结果是一个非布尔值

• 会将其转换为布尔值，然后再运算

【 注意！！！】

 三元运算有返回值，可用变量承接。

逗号运算符

逗号运算符可用于多个变量连续赋值

运算符优先级

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

运算符的优先级：
1、 小括号 （）
2、 一元运算符： ++ - - !
3、 算术运算符： 先 * / % 后 + -
4、 关系运算符： > < >= <=
5、 相等运算符： == != === !==
6、 逻辑运算符： 先 && 后 ||
7、 三元运算符： 条件 ? 语句1 : 语句2
8、 赋值运算符： = += *= ……
9、 逗号运算符： ,

以上总结的知识点可能会有些错误的地方，如有更好的建议，欢迎您在评论区友善发言。