（20）2020-12-30（运算符）

---

1、运算元、表达式

• 运算元：运算符应用的对象。

       1 + 2 = 3
  

• 一元运算符：只有一个运算元的运算符。

       var a = -1;
       a = -a;
  

• 表达式：
  由运算符和变量/常量组成的式子
  a+1 1+2 3+5 5-4 a-b c*d

2、数学运算符

• 常见的数学运算符

   + - * /
   余数运算符：% 
   指数：**
  

• 1.多个数字和字符相加时，注意顺序不同，结果也会不同
  var a = 3 + 4 +‘5’ ; 75
  var a = ‘3’ + 4 + 5 ;345

   1-'2' =1
   1 * '3' =3
  

• 2.余数运算符 %
  返回前一个运算元被后一个运算元除之后得到的余数。
  5%2=1 5/2=2…1
  【注】运算结果的正负号是由第一个运算元的正负号决定的。

• 3.指数运算符 **
  24 表示：2的四次方
  24**2表示：2的16次方
  平常运算符：左结合
  指数运算符：右结合

• 4.数值运算符，负数值运算符
  + -
  作用在字符串string与其他数据类型上时， 是拼接
  作用在两个数值上时，是相加
  作用在一个数值上时 是正负运算。如果该数据类型不是数值，会自动转换为数值。
  a=-1;
  a=+a;

3、一元运算符

只作用在一个运算元上的运算符叫做一元运算符。
++ - -
（1） a++
先返回a的值，然后在对a进行+1运算。
（2） ++a
先对a进行+1运算 再返回a的值。
（3） a- -
先返回a的值，然后在对a进行-1运算。
（4） - -a
先对a进行-1运算 再返回a的值。
【强调】
1、++ - - 会被变量进行数值的修改。
2、对于a++：先返回a的值，然后在对a进行+1运算。
若var a=1；计算console.log(a++ + a + 1)；
具体来讲可以分为2步骤：
a++：先返回a的值，然后在对a进行+1运算：表示当前a++值为1，而此时a本身值为2.
则console.log(a++ + a + 1)；输出值为4（=1+2+1）.
3.若定义a=10.
（1）a++：a++值为10，此时a=a+1=11
（2）++a：++a值为11，此时a=11
（3）a- -：a- -值为10，此时a=a-1=9
（3）- -a：- -a值为9，此时a=9

    <script>
        var a = 1;
        console.log(a++ + a + 1);
        // 1+2+1=4


        var a = 1;
        console.log(++a + a + 1);
        // 2+2+1=5



        var a = 10;
        console.log(a-- + --a + a + --a + a-- + a);
        // a--:a=10，先输出a的值，（a-- =10），再对a进行减1运算。a=9
        // --a：a=9，先对a进行减1运算，再输出a的值。（--a =8） a=8
        // （a=8）
        // --a：a=8，先对a进行减1运算，再输出a的值。（--a =7） a=7
        // a--：a=7，先输出a的值，（a-- =7），再对a进行减1运算。a=6
        // （a=6）


        //最终结果为： 10+8+8+7+7+6=46



        var a = 10;
        console.log(a++ + a + ++a + a++ + a);
        // a++：（a++ =10）   a=11
        // a：（a=11）
        // ++a：（++a =12）   a=12
        // a++：（a++ =12）     a=13
        // a：a=13

        // 最终结果为：10+11+12+12+13=58
    </script>

4、 赋值运算符

赋值运算符： 右结合
基本：= 将右边的值赋值给左边的变量
复合：+= -= *=

5、 关系运算符

    >       大于
    <       小于
    ==      相等
    ===     严格相等
    !=      不等
    !==     严格不相等
    <=      小于等于
    >=      大于等于

1.比较结果为boolean类型（true或false）

2.字符串比较
会使用字典(ASCII码值)的顺序进行判断的.
（1）.首先比较首字符大小。
（2）.如果一方字符较大（较小），则该字符大于（小于）另外一个字符，算法结束。
（3）.两个字符串的首字符相等，那么取下一位字符进行比较。
（4）.重复以上步骤，直到算法结束或所有字符比较完成。
（ 5）.若所有字符比较完成，且都相等，则两个字符相等。

3.不同类型的比较
（1） 字符串与数字比较时，若字符串不能转为数字，转换结果为NaN, 比较结果为false。
（2）===
相等比较的问题：不能区分0和false，空字符串等的区别。
严格相等运算符，不会进行类型的自动转换，若类型不同，直接返回false。类型相同，再进行比较。

4 .对特殊值 null 和 undefined的比较
null和undefined与其他任何值比较都是false。
null与undefined 非严格相等时比较，返回true
严格相等比较时，返回false
对变量进行null，undefined判断时，尽量使用严格相等

6、 逻辑运算符

取反运算符：!
与运算：&&
或运算：||

    1.取反运算符
        用于将布尔值变为它的相反数。true=>false  false=>true;
    
    2.&&
        往往用于多个表达式的求值。
        左右两边的布尔值为true,结果的布尔值为true  若其中一个为false，结果的布尔值为false;
        运算规则：
            1.第一个运算元的布尔值为true时，返回第二个运算元的值。（不是布尔值）
            2.第一个运算元的布尔值为false时，返回第一个运算元的值。不会执行第二个表达式。

        &&可以连用，返回第一个布尔值为false的表达式的值。如果所有的表达式的布尔值都为true，返回最后一个表达式的值。
    3.||
        左右两边的布尔值只要有一个为true，结果的布尔值就为true。只有两边的布尔值都为false时，结果的布尔值才为false。
        运算规则：
            1.第一个运算元的布尔值为true时，返回第一个运算元的值。不会执行第二个表达式。
            2.第一个运算元的布尔值为false时，返回第二个运算元的值。

    4.&& 与 || 都有短路的效果。

7、 三元运算符

语法：表达式1?表达式2:表达式3;
表达式1是一个条件，值是boolean类型的。
若表达式1的值为true,则执行表达式2的操作，并返回表达式2的结果。
若表达式1的值为false,则执行表达式3的操作，并返回表达式3的结果。

<script>
        var year = "2021";
        var month = "1";
        var day = "1";
        month = month < 10 ? "0" + month : month;
        day = day < 10 ? "0" + day : day;
        console.log("后天是：" + year + "/" + month + "/" + day);
    </script>

8、 运算符优先级

• 优先级：

       + 、 -  、* 、  / 先乘除后加减
       （）优先级最高
       = 赋值运算符的优先级最低。
  

• 优先级顺序：

       （）
       一元运算符
       *、/、%
       +、-
       <=、 >=
       ==、 != 、=== 、!==
       &
       &&
       三元元算符  ?:
       复合赋值 +=、 -=
       赋值 = 
  

【注意】 && 与 &
&&有短路效果，而&是没有短路效果。