让你完全搞懂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

你可能感兴趣的:(nodejs,JavaScript,JavaScript,web前端)