七、JavaScript学习笔记---JavaScript运算符

1.运算符概念

• 概念：运算符也被称为操作符，是用于实现赋值，比较和执行算术运算等功能的符号 

2.算数运算符 

 

•  运算符两边敲空格，美观清晰
•  浮点数，算数运算里面会有问题，不精确
•  我们不能直接拿浮点数来进行比较，判断它们是否相等
•  判断一个数能否被整除：就是余数是0，这是 % 取余运算符的主要用途
•  算术运算符具有优先级：先乘除，后加减，有括号先算括号里面的

3.表达式和返回值

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

4.递增和递减运算符 

•  反复给数字变量添加或减去1，可以使用递增（++）和递减（--）运算符来完成
•  在JS中，递增和递减放在变量前面是，我们称之为前置递增（递减）运算符。放在变量后面时，称之为后置递增（递减）运算符
•  前置递增和后置递增在单独使用时，效果一样，结果相同。
•  前置运算符：先自加1 ，后返回值
•  后置运算符：先返回原值，后自加1 

【练习】递增运算符 

•  计算下列结果： 

<script>
	var a=10;
	++a;//++a=11,a=11
	var b=++a + 2;//++a=12,a=12,b=12+12=14
	console.log(b);//b=14
			
	var c=10;
	c++;//c++=11,c=11
	var d=c++ + 2;//c++=11,c+12,d=11+2=13
	console.log(d);//d=13
			
	var e=10;
	var f=e++ + ++e;//e++=10,e=11;e=12,++e=12
	console.log(f);//f=10+12=22		
</script>

 【 运行结果】

 

5.比较运算符 

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

 

 区别：

 == 默认转换数据类型，会把字符串型的数据转换为数字型
 === 全等要求两侧的值一模一样，值和数据类型都要一样

6.逻辑运算符 

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

 

• 逻辑与，两侧都为 true 结果才是 true ，只要有一侧是 false 结果就是 false
•  逻辑或，两侧都为 false ，结果才是 false ，只要有一侧是 true ，就过就是 true  

 1.逻辑与短路运算：
 

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

 数字中，只有0为假
 如果有空的或者否定的为假，其余为真，如：0，' ' ,null ,undefined ,NaN

 2.逻辑或短路运算：

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

【代码】 

<script>
	var num=0;
	console.log(123||num++);
	//因为num++压根就没有被执行
	console.log(num);//num值为0			
</script>

【运行结果】 

 7.赋值运算符

• 概念：用来把数据赋值给变量的运算符

 

 8.运算符优先级