史上最详细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条件语句相比，区别是三目运算符可以有返回值。