JS for循環(huán)中i++ 和 ++i的區(qū)別介紹
平時(shí)都是這樣寫(xiě)的for循環(huán),
for(var i = 0; i < 20 ; i++){
....
}
但我看有的人這樣寫(xiě)
for (var i = 0; i < 20 ; ++i) {
....
}
這樣會(huì)對(duì)for循環(huán)有什么影響?
1.在for里好像沒(méi)啥區(qū)別...
但是用在賦值的時(shí)候, 就有區(qū)別了...
var a = 1; var b = a++; var c = 1; var d = ++c; console.log(b,d); // 1, 2
a++ 是先應(yīng)用a, 然后再自加
++a 是先自加, 然后在應(yīng)用a
2.大概是 C/C++ 時(shí)代帶來(lái)的習(xí)慣,傳說(shuō) ++i 比 i++ 要快,但事實(shí)上這兩者的性能在js中是差不多的。
至于具體細(xì)節(jié),規(guī)范里面關(guān)于自增/自減運(yùn)算符是這么寫(xiě)的:
對(duì)于放在前面的情況——
UnaryExpression : ++ UnaryExpression Let 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等于當(dāng)前表達(dá)式(就是++后面的部分)的結(jié)果
2.令oldValue等于expr轉(zhuǎn)換為數(shù)字的結(jié)果
3.使用和“+”運(yùn)算符一樣的規(guī)則,令newValue = oldValue + 1
4.將newValue賦值給expr
5.整個(gè)運(yùn)算式返回newValue
對(duì)于放在后面的情況——
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等于當(dāng)前表達(dá)式(++前面的部分)的結(jié)果
2.令oldValue等于lhs轉(zhuǎn)換為數(shù)字的結(jié)果
3.使用和“+”運(yùn)算符一樣的規(guī)則,令newValue = oldValue + 1
4.將newValue賦值給lhs
5.整個(gè)運(yùn)算式返回oldValue
可以看到,這兩者的的區(qū)別只是最后一步,整個(gè)運(yùn)算式是返回加一后的還是加一前的。
對(duì)于for語(yǔ)句而言:
for(var i = 0; i < n; i++)
最后一欄僅僅是自加,并沒(méi)有把這個(gè)值賦值給誰(shuí),所以從這一點(diǎn)來(lái)看,++符號(hào)放在前面或者是后面都是一樣的。
3.事實(shí)上沒(méi)有太大區(qū)別。但是如果要追求那一點(diǎn)點(diǎn)效率問(wèn)題的話(huà),++i確實(shí)會(huì)效率高一些.
確實(shí)是從c++的std標(biāo)準(zhǔn)庫(kù)而來(lái),當(dāng)i是一個(gè)std容器的iterator時(shí),i不是一個(gè)數(shù)字,i++會(huì)多產(chǎn)生一個(gè)賦值操作,因此++i性能更高。所以c++習(xí)慣的人,在i不是數(shù)值時(shí),喜歡用++i來(lái)節(jié)省開(kāi)銷(xiāo)。
以上所述是小編給大家介紹的JS for循環(huán)中i++ 和 ++i的區(qū)別介紹,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
通過(guò)大白話(huà)理解微信小程序的授權(quán)登錄
很多人會(huì)把微信小程序的登錄和授權(quán)搞混淆,下面這篇文章主要給大家介紹了如何通過(guò)大白話(huà)理解微信小程序授權(quán)登錄的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法
今天小編就為大家分享一篇layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
javascript工廠模式和構(gòu)造函數(shù)模式創(chuàng)建對(duì)象方法解析
本文主要對(duì)javascript工廠模式和構(gòu)造函數(shù)模式創(chuàng)建對(duì)象方法進(jìn)行解析,具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2016-12-12
javascript中加號(hào)(+)操作符的一些神奇作用
這篇文章主要介紹了javascript中加號(hào)(+)操作符的一些神奇作用,真的很神奇,例如加號(hào)可以轉(zhuǎn)換數(shù)據(jù)類(lèi)型,可以把日期轉(zhuǎn)成整數(shù)等,需要的朋友可以參考下2014-06-06
JavaScript中使用webuploader實(shí)現(xiàn)上傳視頻功能(demo)
這篇文章主要介紹了webuploader實(shí)現(xiàn)上傳視頻功能,通過(guò)本文給大家介紹了上傳視頻和上傳圖片的區(qū)別講解,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-04-04
JavaScript獲取頁(yè)面中第一個(gè)錨定文本的方法
這篇文章主要介紹了JavaScript獲取頁(yè)面中第一個(gè)錨定文本的方法,涉及javascript操作document.archors數(shù)組的技巧,需要的朋友可以參考下2015-04-04
Webwork 實(shí)現(xiàn)文件上傳下載代碼詳解
WebWork 當(dāng)然也提供了很友好的攔截器來(lái)實(shí)現(xiàn)對(duì)文件的上傳,讓我們可以專(zhuān)注與業(yè)務(wù)邏輯的設(shè)計(jì)和實(shí)現(xiàn),在實(shí)現(xiàn)上傳和下載時(shí)順便關(guān)注了下框架上傳下載的實(shí)現(xiàn)2016-02-02
JS數(shù)組在內(nèi)存中的效率問(wèn)題淺析
用js有很久了,但都沒(méi)有深究過(guò)js的數(shù)組形式,下面這篇文章主要給大家介紹了關(guān)于JS數(shù)組在內(nèi)存中的效率問(wèn)題,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02

