前端学习笔记-JS-运算符

运算符（操作符）  operator

JS常用运算符：

1. 算术运算符
2. 一元运算符
3. 比较运算符
4. 逻辑运算符
5. 赋值运算符

 

表达式和返回值

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

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

返回值：表达式最终都会有一个结果，返回给我们，我们称为返回值

 

算术运算符

+ - * / %  

 

一元运算符

一元运算符：只有一个操作数的运算符

++ 自身加1

--   自身减1

！ 取反

• 前置++

   

• 后置++

   

• 总结 前置++：先加1，后参与运算 后置++：先参与运算，后加1 上面两个理解后，下面两个自通 前置-- ：先减1，后参与运算 后置-- ：先参与运算，后减1 ​

 

逻辑运算符(布尔运算符)

用来进行布尔值运算的运算符，返回值也是布尔值。

&&  与（and）  两个操作数同时为true，结果为true，否则都是false
||  或（or）   两个操作数有一个为true，结果为true，否则为false
!   非（not）  取反

短路运算（逻辑中断）

原理：当有多个表达式（值）时，左边的表达式值可以确定结果时，就不再进行运算右边的表达式的值

1.逻辑与

语法：表达式1 && 表达式2

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

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

2.逻辑或

语法：表达式1 || 表达式2

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

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

 

比较运算符（关系运算符）

是两个数据进行比较时所用的运算符，比较运算后，会返回一个布尔值作为比较运算的结果

<  >  >=  <= == != === !==

==与===的区别：==只进行值得比较
              ===类型和值同时相等，则相等
​
var result = '55' == 55;    // true
var result = '55' === 55;   // false 值相等，类型不相等
var result = 55 === 55;     // true

 

赋值运算符

=    +=    -=    *=    /=   %=

例如：
var num = 0;
num += 5;   //相当于  num = num + 5;

 

运算符的优先级

 

运算符的对数据类型的自动转换

JavaScript有一些语句/运算符对数据类型有要求，但我们提供的与预期不符时，就会发生自动类型转换。

　　对数据类型有期待的语句和表达式：

　　　　1、期待boolean类型的 ： if 语句 、 do while 语句 、 while do 语句 、 &&  ||   ！ （与或非逻辑表达式）  、 ? : （ 三目运算符）

　　　　2、期待number类型的 ：  + - * / % （算数运算符） 、  ++  --  （增量/减量运算符） 、 > 、  >= 、 <  、 <= 数字比较

　　　　3、期待字符串的： + （字符串连接） 、 > 、  >= 、 <  、 <=  字母排序比较

　　　　4、特殊的 : ==  、 !=  (不)相等运算符，在检测两个操作数是否相等时，会进行类型转换；（注意 ：  === 、!==  是（不）严格相等运算符，是不会进行类型转换的）