js for循環中i++ 和 ++i有什么區別？

平時都是這樣寫的for循環，

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

但我看有的人這樣寫

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

這樣會對for循環有什么影響？

1.在for里好像沒啥區別...

但是用在賦值的時候, 就有區別了...

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

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

 

2.大概是 C/C++ 時代帶來的習慣，傳說 ++i 比 i++ 要快，但事實上這兩者的性能在js中是差不多的。

至於具體細節，規范里面關於自增/自減運算符是這么寫的：

對於放在前面的情況——

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(var i = 0; i < n; i++)

最后一欄僅僅是自加，並沒有把這個值賦值給誰，所以從這一點來看，++符號放在前面或者是后面都是一樣的。

 

3.事實上沒有太大區別。但是如果要追求那一點點效率問題的話，++i確實會效率高一些.

確實是從c++的std標准庫而來，當i是一個std容器的iterator時，i不是一個數字，i++會多產生一個賦值操作，因此++i性能更高。所以c++習慣的人，在i不是數值時，喜歡用++i來節省開銷。