0103 递增和递减运算符

递增和递减运算符概述

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

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

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

---

递增运算符

前置递增运算符、后置递增运算符，单独使用时，一样的。

• 前置递增运算符

  使用口诀：先自加，后返回值

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

使用口诀：**先自加，后返回值**

var  num = 10;
alert(++num + 10);   // 21

        // 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); // 11
        // 3. 先加1  后返回值
        var p = 10;
        console.log(++p + 10); // 21

---

• 后置递增运算符

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

  使用口诀：先返回原值，后自加 。

    var num = 10;
    num++; // num = num + 1    ++num;
    console.log(num); // 11
    // 1. 前置自增和后置自增如果单独使用 效果是一样的
    // 2. 后置自增 口诀：先返回原值 后自加1 
    var age = 10;
    // age++ + 10：age++：是一个表达式，先返回这个表达式的值10， 10 + 10 = 20。然后age再加1。
    console.log(age++ + 10); // 20
    console.log(age); // 11

        demo：前置递增、后置递增练习
        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

前置递增和后置递增小结

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

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

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

• 后置：先原值运算，后自加（先人后己）

• 前置：先自加，后运算（先已后人）

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