Javascript 运算符详细

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

算数运算运算符

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

浮点数的精度问题
浮点数值的最高精确度是17位小数，但在进行计算的其精确度远远不如整数
比如：

var result = 0.1 + 0.2;
//他所得出来的结果不是0.3，而是：0.30000000000000004
console.log(0.07 * 100);
//他所得出来的结果也不是7，而是：7.000000000000001

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

表达式和返回值

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

递增和递减运算符概述

如果需要反复给数字变量添加或减去1，可以使用递增(++)和递减(–)运算符来完成

在js中,递增(++)和递减(–)既可以放在变量前面,也可以放在变量后面。放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时，我们可以称为后置递增(递减)运算符。

注意: 递增和递减运算符必须和变量配合使用。
1、前置递增运算符
++num前置递增,就是自加1 ,类似于num= num+ 1 ,但是++num写起来更简单。
2、后置递增运算符
num++后置递增,就是自加1 ,类似于num= num+ 1 ,但是num+ +写起来更简单。

递减运算符同理

比较运算符

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

逻辑运算符

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

1、逻辑与 &&
两边都是true返回false


2、逻辑或 ||
两边都为false才返回false，否则都为true


3、逻辑非 !
逻辑非(!)也叫做取反符，用来取一个布尔值相反的值，如true的相反值是false

var ok = !true;
console.log(ok);
//执行之后打印出来的是false

短路运算(逻辑中断)

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

1、逻辑与
语法：

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

ex：

console.log(123 && 456);//返回456
console.log(0 && 456);//返回0
console.log(0 && 1 + 2 && 456 * 789);//返回0
console.log('' && 1 + 2 && 456 * 789);//返回‘’空的字符串

2、逻辑或
语法：

表达式1 || 表达式2
//如果第一个表达式的值为真，则返回表达式1，
如果第一个表达式的值为假，则返回表达式2

ex：

console.log(123 || 456);//返回123
console.log(123 || 456 || 789);//返回123
console.log(0 || 456 || 789);// 返回456

赋值运算符

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

var age = 10;
age += 5;		相当于age = age + 5;
age -= 5;		相当于age = age - 5;
age *= 5;		相当于age = age * 5;

运算符优先级

选择器有选择器的优先级，运算法也有运算符的优先级我们来看一下运算符的优先级：