JS操作符

第3章 操作符

表達式：值和操作符，運算會有一個結果；

同時，表達式中的每個數值，又稱爲 子表達式

3.1 算術運算符

+  -  *  /  %  

3.2 一元運算符

一元運算符：只有一個操作數的運算符

5 + 6 兩個操作數的運算符 二元運算符

++ 自身加1

-- 自身減1

• 前置++

  var num1 = 5;
  ++ num1; 
  var num2 = 6;
  console.log(num1 + ++ num2) ; //13

• 後置++

  var num1 = 5;
  num1 ++;    
  var num2 = 6 
  console.log(num1 + num2 ++); //12

• 猜猜看

  
  var a = 1; 
  var b = ++a + ++a;    //2+3
  console.log(b); //5
  ​
  var a = 1; 
  var b = a++ + ++a;   //1+3
  console.log(b);//4
  ​
  var a = 1; 
  var b = a++ + a++;   //1+2
  // console.log(b);  // 3
  ​
  var a = 1; 
  var b = ++a + a++;  //2+2
  console.log(b);//4

  總結

  前置++：先加1，後參與運算

  後置++：先參與運算，後加1；後++ 有兩個運行條件，滿足其一則執行 表達式沒有結束但是又被使用了，表達式結束了；

  上面兩個理解後，下面兩個自通

  前置-- ：先減1，後參與運算

  後置-- ：先參與運算，後減1

      //前置--
      var d1 = 5;
      --d1;  //4
      var d2 = 5;
      console.log(d1 + --d2);  //8
  ​
      //後置--
      var m1 = 5;
      m1--;  //4
      var m2 = 5;
      console.log(m1 + m2--);  //9

3.3 邏輯運算符(布爾運算符)

&& 與 兩個操作數同時爲true，結果爲true，否則都是false
|| 或 兩個操作數有一個爲true，結果爲true，否則爲false
!  非  取反

3.4 關係運算符(比較運算符)

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

== 與 === 的區別：== 只進行值得比較，=== 類型和值同時相等，則相等
var result = '55' == 55;    // true
var result = '55' === 55;   // false 值相等，類型不相等
var result = 55 === 55;     // true

3.5 賦值運算符

= += -= *= /= %=

例如：
var num = 0;
num += 5;   //相當於  num = num + 5;

3.6 運算符的優先級

優先級從高到底
1. ()  優先級最高
2. 一元運算符  ++   --   !
3. 算數運算符  先*  /  %   後 +   -
4. 關係運算符  >   >=   <   <=
5. 相等運算符  ==   !=    ===    !==
6. 邏輯運算符  先&&   後||
7. 賦值運算符  =

// 練習1：
var s = 4 >= 6 || '人' != '程序員' && !(12 * 2 == 144) && true
console.log(s); //true
​
// 練習2：
var num = 10;
var f = 5 == num / 2 && (2 + 2 * num)
console.log(f.toString() === 22) //false
​