JS for迴圈中i++ 和 ++i的區別介紹,js

來源:互聯網
上載者:User

JS for迴圈中i++ 和 ++i的區別介紹,js

平時都是這樣寫的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 : ++ UnaryExpressionLet expr be the result of evaluating UnaryExpression.Let oldValue be ToNumber(GetValue(expr)).ReturnIfAbrupt(oldValue).Let newValue be the result of adding the value 1 to oldValue, using the same rules as for the + operator (see 12.7.5).Let status be PutValue(expr, newValue).ReturnIfAbrupt(status).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來節省開銷。

以上所述是小編給大家介紹的JS for迴圈中i++ 和 ++i的區別介紹,希望對大家有所協助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.