js for循环中i++ 和 ++i有什么区别？

Question

平时都是这样写的for循环，

for(var i = 0; i < 20 ; i++){      
  ....       
}

但我看有的人这样写

for (var i = 0; i < 20 ; ++i) {
  ....
}

这样会对for循环有什么影响？

Answer 1

大概是 C/C++ 时代带来的习惯，传说 ++i 比 i++ 要快，但事实上这两者的性能在js中是差不多的

可以拿个 profile 试一下（Chrome required）：

https://jsfiddle.net/hsfzxjy/4bqa3fay/1/

Answer 2

自增自减符号貌似是C/C++带过来的习惯吧
至于具体细节，规范里面关于自增/自减运算符是这么写的：

对于放在前面的情况——

UnaryExpression : ++ UnaryExpression

1. Let expr be the result of evaluating UnaryExpression.

2. Let oldValue be ToNumber(GetValue(expr)).

3. ReturnIfAbrupt(oldValue).

4. Let newValue be the result of adding the value 1 to oldValue, using the same rules as for the + operator (see 12.7.5).

5. Let status be PutValue(expr, newValue).

6. ReturnIfAbrupt(status).

7. Return newValue.

　　大致翻译一下：

1. 令expr等于当前表达式（就是++后面的部分）的结果

2. 令oldValue等于expr转换为数字的结果

3. 使用和“+”运算符一样的规则，令newValue = oldValue + 1

4. 将newValue赋值给expr

5. 整个运算式返回newValue

对于放在后面的情况——

PostfixExpression : LeftHandSideExpression ++

1. Let lhs be the result of evaluating LeftHandSideExpression.

2. Let oldValue be ToNumber(GetValue(lhs)).

3. ReturnIfAbrupt(oldValue).

4. Let newValue be the result of adding the value 1 to oldValue, using the same rules as for the + operator (see 12.7.5).

5. Let status be PutValue(lhs, newValue).

6. ReturnIfAbrupt(status).

7. Return oldValue.

大致翻译——

1. 令lhs等于当前表达式（++前面的部分）的结果

2. 令oldValue等于lhs转换为数字的结果

3. 使用和“+”运算符一样的规则，令newValue = oldValue + 1

4. 将newValue赋值给lhs

5. 整个运算式返回oldValue

可以看到，这两者的的区别只是最后一步，整个运算式是返回加一后的还是加一前的。
对于for语句而言：

for(let i = 0; i < n; i++)

最后一栏仅仅是自加，并没有把这个值赋值给谁，所以从这一点来看，++符号放在前面或者是后面都是一样的。

两者的运算过程除开返回值不一样，其余完全相同，所以我觉得并不存在传说中的效率问题。
即便是构建语法树的阶段，UnaryExpression和LeftHandSideExpression同样都是归约到Expression节点，也并没有什么不一样的地方。

Answer 3

在for里好像没啥区别...

但是用在赋值的时候, 就有区别了...

var a = 1;
var b = a++;
var c = 1;
var d = ++c;
console.log(b,d);  // 1, 2

a++ 是先应用a, 然后再自加
++a 是先自加, 然后在应用a

Answer 4

你这个例子我还真没看出来有什么区别(我可能眼拙了)，等高人指点。

不过下面这个例子确实有区别：

var i = 0, j = 0;

console.log(i++);//0
console.log(++j);//1

感受下吧：

Answer 5

印象中后者效率比较高

Answer 6

传说C/C++中 ++i 比 i++ 在for中少了一条汇编语句，所以更快; js中不知道…

Answer 7

什么传说在C里谁比谁更快都是扯淡的，编译语言是有优化的，如果单独使用，不论是++i还是i++最终都是会被优化成一样的语句。
而在JavaScript中，因为是解析语言，其具体实现方式是要看所使用的Js解析引擎的。

Answer 8

• i++：先使用i的值，然后执行+1操作，返回原来的值

• ++i：执行+1操作，然后使用i的值，返回+1后的值

Answer 9

简单来说++i之所以会比i++效率高是因为i++会产生一个中间变量来保存进行+操作之前的值，而++i不会。

++i 等价于 i = i+1
i++ 等价于 m = i ; i = i+1

Answer 10

确实是从c++的std标准库而来，当i是一个std容器的iterator时，i不是一个数字，i++会多产生一个赋值操作，因此++i性能更高。所以c++习惯的人，在i不是数值时，喜欢用++i来节省开销。

Answer 11

写C语言的人要沦落到写js么？难道js语言真的是要大一统全宇宙语言么，身为前端的我翘首以待啊，哈哈哈。

Answer 12

事实上没有太大区别。但是如果要追求那一点点效率问题的话，++i确实会效率高一些

Answer 13

在for循环中没啥区别，执行顺序都是i赋初值，然后判断条件是否满足，然后执行循环体内代码，最后循环变量自增，所以++在前还是在后都没关系

Answer 14

for 循环中没有任何区别

Answer 15

都是自增1，但表达式中a++会先赋值再自增，++a会先自增再赋值。