史上最详细JavaScript的运算符解析（二）

我会带着你远行 2023-03-14 10:52 19阅读 0赞

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

**视频讲解链接：https://www.bilibili.com/video/BV1xg4y1B7er/**