运算符

运算符

运算符( operator )也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。
JavaScript中常用的运算符有：
1、算数运算符
2、递增和递减运算符
3、比较运算符
4、逻辑运算符
5、赋值运算符

算术运算符

一、算数运算符概述

概念：算术运算使用的符号，用于执行两个变量或值的算术运算。
1、+
作用：加
比如：10 + 20 = 30
2、-
比如：作用：减
10 - 20 = -10
3、*
作用：乘
比如：10* 20= 200
4、/
作用为：除
比如：10/ 20=0.5
5、%
作用为：取余数(取模)
比如：返回除法的余数9%2= 1

二、浮点数的精度问题

浮点数值的最高精度是17位小数，但在进行算术计算时其精确度远远不如整数。
比如：
var result = 0.1 + 0.2;
显示结果不是0.3，而是：0.3000000000000004
console.log(0.07*100);
显示结果不是7，而是：7.000000000000001
所以注意：我们不能拿浮点数开进行相比较是否相等

三、表达式和返回值

表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合。
简单理解：是由数字、运算符、变量等组成的式子。
要注意的是：表达式最终都会有一个结果，返回给我们，我们成为返回值。

递增和递减运算符

一、递增和递减运算符概述

如果需要反复给数字变量添加或减去1，可以使用递增( ++ )和递减( – )运算符来完成。
在JavaScript中，递增( ++ )和递减( – )既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增(递减)运算符，放在变量后面时，我们可以称为后置递增(递减)运算符。
注意：递增和递减运算符必须和变量配合使用。

二、递增运算符

1、前置递增运算符

++num前置递增，就是自加1，类似于num=num+1，但是++num写起来更简单。
使用口诀：先自加，后返回值。

2、后置递增运算符

num++后置递增，就是自加1，类似于num=num+1，但是num++写起来更简单。
使用口诀：先返回原值，后自加。

三、前置递增后置递增来个总结

1、前置递增和后置递增运算符可以简化代码的编写，让变量的值+ 1比以前写法更简单

2、单独使用时，运行结果相同

3、与其他代码联用时，执行结果会不同

4、后置：先原值运算，后自加(先人后己)

5、前置：先自加，后运算(先已后人)

6、开发时，大多使用后置递增/减，并且代码独占一行，例如：num+ +，或者num–。

比较运算符

一、比较运算符概述

概念：比较运算符(关系运算符)是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值(true/false)作为比较运算的结果。
1、运算符名称：<
说明：小于号
栗子：1<2
显示结果：true
2、运算符名称：>
说明：大于号
栗子：1>2
显示结果为：false
3、运算符名称：>=
说明：大于等于号(大于或者等于)
梨子：2 >= 2
结果为：true
4、运算符名称：<=
说明：小于等于号(小于或者等于)
例子：3<= 2
结果：false
5、运算符名称：= =（它们中间没空格，我敲空格是因为不这样就重点标记了。）
说明：判等号(会转型)
栗子：37 = = 37
结果：true
6、运算符名称：!=
说明：不等号
梨子：37 != 37
显示结果：false
7、运算符名称：= = =和!= =（它们中间没空格，我敲空格是因为不这样就重点标记了。）
说明：全等要求值和数据类型都一致
梨子：37 = = = ‘37’（它们中间没空格，我敲空格是因为不这样就重点标记了。）
结果：false
来俩图：

二、来个总结

1、符号：=
作用为：赋值
用法：把右边给左边
2、符号：= = （它们中间没空格，我敲空格是因为不这样就重点标记了。）
作用为：判断
用法：判断两边值是否相等(注意此时有隐式转换)
3、符号：= = = （它们中间没空格，我敲空格是因为不这样就重点标记了。）
作用为：全等
用法：判断两边的值和数据类型是否完全相同

逻辑运算符

一、逻辑运算符概述

概念：逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。后面开发中经常用于多个条件的判断。
1、逻辑运算符：&&
说明：“逻辑与”，简称"与"and
案例：true && false
2、逻辑运算符：||
说明：“逻辑或”，简称"或"or
梨子：true || false
3、逻辑运算符：！
说明：“逻辑非”，简称"非" not
栗子：! true

二、逻辑与&&

两边都是true才返回true，否则返回false。

三、逻辑或||

两边都为false才返回false，否则都为true。

四、逻辑非!

逻辑非( ! )也叫作取反符，用来取一个布尔值相反的值，如true的相反值是false
var isok=!true;
console.log (isok);
结果为：false

五、短路运算(逻辑中断)

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

1、逻辑与

语法为：表达式1 &&表达式2
1、如果第一个表达式的值为真，则返回表达式2
2、如果第一个表达式的值为假，则返回表达式1

2、逻辑或

语法为：表达式1|| 1表达式2
1、如果第一个表达式的值为真，则返回表达式1
2、如果第一个表达式的值为假，则返回表达式2
来个梨子：
console.log( 123 || 456 );
结果为：123
console.log( 0 || 456);
结果为：456
console.log( 123 || 456 || 789 );
结果为：123
注意：逻辑中断很重要，它会影响我们程序的使用。

赋值运算符

1、赋值运算符：=
说明：直接赋值
案例：var usrName = ‘我是值’;
2、赋值运算符：十=、-=
说明：加、减一个数后在赋值
栗子：var age= 10; age+=5; 结果：15
3、赋值运算符：* =、/=、%=
说明：乘、除、取模后在赋值
栗子：var age=2; age*=5; 结果：10
比如：
var age = 10;
age += 5;
相当于age=age+5;
age -= 5;
相当于age=age-5;
age*=10;
相当于age=age*10;

字符优先级

不说了直接上图（我觉得关键是懒…）：

注意：
1、一元运算符里面的逻辑非优先级很高
2、逻辑与比逻辑或优先级高

[^1]：好了，这就是关于运算符的相关知识，希望对你有所帮助，让我们一起加油努力吧！