递增递减运算符

1. 递增递减运算符的概述

如果需要反复给数字变量添加或减去1，可以使用递增( ++）和递减( -- )运算符来完成。

在JavaScript中，递增(++)和递减(--)既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增(递减）运算符

注意:递增和递减运算符必须和变量配合使用。

 

前置递增: ++num 前置递增,就是自加1，类似于num = num + 1，但是++num 写起来更简单。   

先加1  后返回值

后置递增: num++后置递增，就是自加1，类似于num = num +1，但是num++写起来更简单。

先返回原值 后自加1

 

2. js 代码

        // 前置递增
        // 1. 想要一个变量自己加1   num = num + 1 比较麻烦
        var num = 1;
        num = num + 1; // ++num
        num = num + 1;
        console.log(num); // 3
        // 2. 前置递增运算符  ++ 写在变量的前面
        var age = 10;
        ++age; // 类似于 age = age + 1
        console.log(age);
        // 3. 先加1  后返回值
        var p = 10;
        console.log(++p + 10);



        // 后置递增
        var num = 10;
        num++; // num = num + 1    ++num;
        console.log(num);
        // 1. 前置自增和后置自增如果单独使用 效果是一样的
        // 2. 后置自增 口诀：先返回原值 后自加1 
        var age = 10;
        console.log(age++ + 10);
        console.log(age);


        // 递增练习
        var a = 10;
        ++a; // ++a  11    a = 11
        var b = ++a + 2; // a = 12   ++a = 12
        console.log(b); // 14

        var c = 10;
        c++; // c++ 11  c = 11
        var d = c++ + 2; //  c++  = 11     c = 12
        console.log(d); // 13

        var e = 10;
        var f = e++ + ++e; // 1. e++ =  10  e = 11  2. e = 12  ++e = 12
        console.log(f); // 22
        // 后置自增  先表达式返回原值 后面变量再自加1

3. 总结

前置递增和后置递增运算符可以简化代码的编写，让变量的值+1比以前写法更简单

单独使用时，运行结果相同

与其他代码联用时，执行结果会不同

后置∶先原值运算，后自加（先人后己 )

开发时，大多使用后置递增/减，并且代码独占一行，例如:num++;或者num--;