运算符

摘自 大公爵|Duke http://www.ddamy.com/?p=325

运算必然得出结果，结果必然产生一个新的数据。

1 算术运算符

加 +     减 -     乘 *     除 /     取余数（取模）% 
优先级：先乘除取余数  后加减

注意：加号 + 有两种意思​ ① 任何数据和 字符串相加时，+ 号表示 连接符 ​ ② 两个非字符串数据相加时，+ 号表示数学意义上的相加

2 赋值 和 复合赋值运算符

• 赋值

  赋值 =
  var age = 18;   //把右边的数据赋值给左边的变量

• 复合赋值

  可以简化代码；
  复合赋值：  +=     -=        *=      /=    %=
  注意：复合赋值操作的是变量，改变的也是变量。
  如:
      var a = 10;
      a+=2;    //相当于 a = a + 2;
      console.log(a);  //12

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

/*
    大于 >     小于 <    大于等于 >=    小于等于<=     
    等于 ==     不等于 !==
    全等 ===    不全等 !===
*/

• 注意：比较运算的结果一定是一个布尔值 true 或 false

• == 和 ===的区别

  • == 比较时，仅仅比较值

  • === 比较时，不仅比较值而且也比较数据类型

    var a = 123;
    var b = '123';
    console.log(a==b); //true
    console.log(a===b); // false

4 逻辑运算符

• && 且

  /*
    ① 表示并且，组合两个条件
    ② 语法格式： 条件1 && 条件2
    ③ 如果 && 两边的条件结果都是true，结果就是true。其他情况都是false
  */
  ​
  console.log(1==1 && 2==2);  //true
  console.log(10>9 && 20<=20); //true
  console.log('张三'=='李四' && 1==1); //false

  ​

• || 或

  /*
    ① 表示或者，组合两个条件
    ② 语法格式： 条件1 || 条件2
    ③ 如果 ||两边的条件有一个结果是true，结果就是true。其他情况是false
  */
  console.log(1==2 || 3==3); //true
  console.log('张三'=='李四' || 18<17); //false

  ​

• ! 非

  /*
    ① 表示取反
    ② 语法格式： !条件
    ③ 对true取反就是false，对false取反就是true
  */
  ​
  !(1==1); //false
  !('张三'=='李四'); //true;

5 一元运算符

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

• 取反 !

• 负号 -

• 自增++ 和 自减--

  • 针对的是变量本身，在变量原有的基础上变量自增1 或 自减1

• 基本使用(以自增为例)【掌握】

  var num = 2;
  num++;  //后置自增  【推荐使用!】   相当于num = num + 1; 
  console.log(num);//3
  ​
  var num = 2;
  ++num;  //前置自增 相当于num = num + 1;
  console.log(num);//3

  注意：在实际开发中，大多数使用后置自增或自减（n++或n--）

  ​

• 前置自增/自减 与 后置自增/自减的区别【了解】

  • 前置自增/自减 和 后置自增/自减 在独立使用时，没有区别。

  • 前置自增/自减 在参与其他运算时，变量会先自增/自减，再参与其他运算。

  • 后置自增/自减在参与其他运算时，变量会先参与运算，然后再自增自增/自减。

  注意： 在实际开发中不要自增/自减参与其他运算，不便于代码阅读

​

6 运算符优先级

1. ()  优先级最高
2.   一元运算符  ++   --   !   -（负）   注意后置自增/自减的特殊性
3. 算术运算符  先*  /  %   后 +   -
4. 关系运算符  >   >=   <   <=
5. 相等运算符   == 、  != 、  === 、!=
6. 逻辑运算符 先&&   后||
7. 赋值运算符