史上最詳細JavaScript的運算符解析（二）

史上最詳細JavaScript的運算符解析（二）

上次我們說到JavaScript的運算符，但只是簡單的把運算符進行了分類。現在咱們再來說一下前面幾個運算符結合起來使用的情況，主要分爲一下三個類別：

1. 一元運算符
2. 二元運算符
3. 三元運算符

1.一元運算符

一元運算符，即 ++ (自增) 和 --(自減)，假設有變量a， 可分爲a++,a–,++a,–a。

    var a=10;
    var b=a;
    //a++   a+1    先賦值  後運算 
    var c=a++;//c=a   a+1
    console.log(c);//10  
    console.log(a);//11
    var d=a--;//d=a  a-1  
    console.log(d);//11
    console.log(a);//10
    //++a   先運算   後賦值
    var e=++a;//a+1  e=a
    console.log(e);//11
    console.log(a);//11
    var f=--a;//a-1  f=a
    console.log(f);//10
    console.log(a);//10

    var x=++a + a++ + a-- - a++;//11 + 11 + 12 -11
    console.log(x);//23   

一元運算符中，要知道當 ++ 或 – 在變量前時，先運算，後賦值。當 ++ 或 – 在變量後面時，先進行賦值，後運算。

2.二元運算符

二元運算符主要包括+=， -=， *=， /=， %=五個，看起來有點奇怪，其實學起來非常簡單，比如 a+=10,即a=a+10。

    var num=10;
    num+=10;//num=num+10
    console.log(num);
    var num2=10;
    num2%=3;//num2=num2%3
    console.log(num2);//1

二元運算符主要是%=需要注意一下。

3.三元運算符

三元運算符也叫三目運算符，主要用來進行判斷。語法 判斷條件?條件爲true時執行的代碼:條件爲false時執行的代碼。

    10<20?console.log("條件成立"):console.log("條件不成立");//條件成立
    
    //當然這裏的三目運算符有點類似於if(){}else{}條件語句
    if(10>20){
        console.log("條件成立");
    }else{
        console.log("條件不成立");
    }

需要注意的是，三元運算符和if…esle條件語句相比，區別是三目運算符可以有返回值。