JavaScript自增和自减

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

在JavaScript中，递增（++）和递减（--）既可以放在变量前面，也可以放在变量后面。

放在变量前面时称为前置递增（递减）运算符，放在变量后面是，可以称为后置递增（递减）运算符。

一、自增++

通过自增运算符可以使变量在自身的基础上加1；

对于一个变量自增以后，原变量的值会立即自增1；

自增符号：++

自增分为两种：1、后置自增（a++）；2、前置自增（++a）；

（一）、前置递增运算符

++num前置递增运算符，类似于 num = num+1,

先自加，后返回值

var num = 10;

console.log(++num); //++num 先自加

console.log(num); //返回值

（二）、后置递增运算符

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

先返回原值，后再自加1

var num = 10;

console.log(num++); //num++ 先返回原值 10

console.log(num); //num++ 先返回原值再加1，num为11

a++的值等于原变量的值（自增前的值）

++a的值等于原变量自增后的新值。

实例:

a++是在原值的基础上自增（a=20，a++=20）；

++a是在一次自增过后的基础上再自增（a=21，++a=22）；

a相当于自增了两次（a=20+1+1=22）；

所以 a++ + ++a + a=20+22+22=64

实例2

var a = 10;

++a;//++a 为11，a为11

var b = ++a + 2;//++a 为12

console.log(b)

实例3

var c=10;

c++; //c++为11，c为11

var d = c++ + 2;//c++ 为11，c为12

console.log(d);

实例4

var e = 10;

var f = e++ + ++e;//e++为10，e为11,所以++e为12

console.log(f);

二、自减- -

通过自减可以使变量在自身的基础上减一；

自减符号：--

自减分为两种：1、后- -（a--）；2、前- -（--a）；

相同点：a-- 和 --a 都会立即使原变量的值自减一；

不同点：a-- 和 --a的值不同。

a- -是变量的原值（是自减前的值）；

--a是原变量的新值（自减后的值）；

前置递增（减）和后置递增（减）总结

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

　　单独使用是，运算结果相同

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

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

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

　　开发时，大多使用后置递减/增，并且代码独占一行。

实例：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>JS</title>

 </head>

 <body>

     <script>

     var a=10,b=20;

     var c=a++;

     console.log("a="+a);

     console.log("c="+c);

     c=++a;

     console.log("a="+a);

     console.log("c="+c);

     c=b--;

     console.log("c="+c);

     console.log("b="+b);

     c=--b;

     console.log("c="+c);

     console.log("b="+b);

     </script>

 </body>

 </html>