JS for循環(huán)中i++ 和 ++i的區(qū)別介紹
平時(shí)都是這樣寫的for循環(huán),
for(var i = 0; i < 20 ; i++){ .... }
但我看有的人這樣寫
for (var i = 0; i < 20 ; ++i) { .... }
這樣會(huì)對for循環(huán)有什么影響?
1.在for里好像沒啥區(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í)代帶來的習(xí)慣,傳說 ++i 比 i++ 要快,但事實(shí)上這兩者的性能在js中是差不多的。
至于具體細(xì)節(jié),規(guī)范里面關(guān)于自增/自減運(yùn)算符是這么寫的:
對于放在前面的情況——
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
對于放在后面的情況——
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)算式是返回加一后的還是加一前的。
對于for語句而言:
for(var i = 0; i < n; i++)
最后一欄僅僅是自加,并沒有把這個(gè)值賦值給誰,所以從這一點(diǎn)來看,++符號(hào)放在前面或者是后面都是一樣的。
3.事實(shí)上沒有太大區(qū)別。但是如果要追求那一點(diǎn)點(diǎn)效率問題的話,++i確實(shí)會(huì)效率高一些.
確實(shí)是從c++的std標(biāo)準(zhǔn)庫而來,當(dāng)i是一個(gè)std容器的iterator時(shí),i不是一個(gè)數(shù)字,i++會(huì)多產(chǎn)生一個(gè)賦值操作,因此++i性能更高。所以c++習(xí)慣的人,在i不是數(shù)值時(shí),喜歡用++i來節(jié)省開銷。
以上所述是小編給大家介紹的JS for循環(huán)中i++ 和 ++i的區(qū)別介紹,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
微信小程序獲取當(dāng)前時(shí)間及星期幾的實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當(dāng)前時(shí)間及星期幾的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09JS實(shí)現(xiàn)表單驗(yàn)證功能(驗(yàn)證手機(jī)號(hào)是否存在,驗(yàn)證碼倒計(jì)時(shí))
js實(shí)現(xiàn)表單驗(yàn)證功能,通過js代碼驗(yàn)證手機(jī)號(hào)是否存在驗(yàn)證碼倒計(jì)時(shí)功能,代碼簡單易懂非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-10-10js實(shí)現(xiàn)canvas保存圖片為png格式并下載到本地的方法
本篇文章主要介紹了js實(shí)現(xiàn)canvas保存圖片為png格式并下載到本地的方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-08-08js 創(chuàng)建對象的多種方式與優(yōu)缺點(diǎn)小結(jié)
這篇文章主要介紹了js 創(chuàng)建對象的多種方式與優(yōu)缺點(diǎn),幫助大家更好的理解和學(xué)習(xí)使用JavaScript,感興趣的朋友可以了解下2021-03-03JavaScript實(shí)現(xiàn)組件化和模塊化方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)組件化和模塊化方法,模塊化主要是指一個(gè)JS文件就是一個(gè)模塊,向外提供特定功能的程序,組件化的中心思想其實(shí)跟模塊化是大同小異的,感興趣想要詳細(xì)了解可以參考下文2023-05-05