让你完全搞懂JavaScript中i++和++i的使用

让你完全搞懂JavaScript中i++和++i的使用

在前端面试中，i++和++i（自增运算）随处可见，所以完全有必要弄清楚其中的猫腻。
在不参与其他运算的时候，++i和i++的作用是完全一样的，何为不参与其他运算呢？看如下代码：

var i = 1;
i++;
console.log(i);  //2
++i;
console.log(i);  //3

也就是说，如果一行代码只有i++或者++i，其效果都是i+1。
但是，一旦参与了其他运算，二者就有区别了，来看下面你的代码：

var i =1;
var b =i++  +  5;
//i++参与运算时，先参与运算，然后自身再+1，故代码可以改写为：b=i+5;i=i+1;
console.log(b); //6
console.log(i); //2

再来看++i：

var i = 1;
var b = ++i + 5;
console.log(b); //7
console.log(i)  // 2
//++i参与运算时，先自身再+1，然后再参与运算，故代码可以改写为：i=i+1;b=i+1+5;

来个复杂一点的：

  var    a = 10,
         b = 20,
         c = 30;
        //不参与运算二者效果是一样的，都是+1
        ++a; //11
        a++; //12
        e = ++a + (++b) + (c++) + a++;
	    	13 +    21   +   30  + 13
        //     ++a参与运算，故先+1再运算，
        //    ++b参与运算，故先+1再运算
        //    c++参与运算，先参与运算，自身再+1；
        //     a++参与运算，先参与运算，自身再+1，前面++a已经改变了a的值为13
        console.log(e);   //77