jQuery中的for循環(huán)var與let的區(qū)別
今天在寫(xiě)jQuery請(qǐng)求接口中發(fā)現(xiàn)一個(gè)問(wèn)題:
在用AJAX發(fā)送請(qǐng)求中又嵌套了一個(gè)AJAX請(qǐng)求,發(fā)現(xiàn)在內(nèi)層請(qǐng)求的success中對(duì)第一次success中的循環(huán)變量 i 無(wú)法獲取,具體代碼如下:
$.ajax({ type: "get", url: "http://////////////////////////", success: function (result) { rs = JSON.parse(result).data; for (var i = 0; i < rs.length; i++) { //用var定義有問(wèn)題 var pos_ = "" $.ajax({ type: 'GET', async: false, dataType: 'jsonp', contentType: 'application/json; charset=utf-8', url: "http:///////////////////////////////////", success: function (result) { console.log(rs[i]) //報(bào)錯(cuò) } }) } } })
在第二次的ajax請(qǐng)求后的回調(diào)函數(shù)中,rs[i]是會(huì)報(bào)錯(cuò)的。
解決方案:
將for循環(huán)中聲明變量var i 更改為let i
具體原因:
是第一次回調(diào)函數(shù)后的for循環(huán)中,如果你再次發(fā)送請(qǐng)求,for循環(huán)并不會(huì)停止,即使你寫(xiě)了同步請(qǐng)求也不行。
但是如果你在聲明for循環(huán)變量用let后,代碼會(huì)直到你請(qǐng)求完畢,回調(diào)函數(shù)執(zhí)行完畢后,再進(jìn)行下一次的循環(huán)。
這就考慮到了一個(gè)閉包的問(wèn)題,如果你寫(xiě)var和let聲明的作用域不同。
let i 會(huì)以局部變量的形式傳遞
var i 會(huì)以全局變量的形式傳遞
如果要想將 i 變量傳遞給下一層,要使用let 去聲明。
總結(jié)
以上所述是小編給大家介紹的jQuery中的for循環(huán)var與let的區(qū)別 ,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果附源碼下載
這篇文章主要介紹了jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果的相關(guān)資料,需要的朋友可以參考下2016-04-04jQuery基于cookie實(shí)現(xiàn)的購(gòu)物車(chē)實(shí)例分析
這篇文章主要介紹了jQuery基于cookie實(shí)現(xiàn)購(gòu)物車(chē)的方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery基于cookie實(shí)現(xiàn)針對(duì)商品信息的購(gòu)物車(chē)存儲(chǔ)功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12jQuery EasyUI API 中文文檔 - ComboBox組合框
jQuery EasyUI API 中文文檔 - ComboBox組合框,使用jQuery EasyUI的朋友可以參考下。2011-10-10jQuery實(shí)現(xiàn)文本框郵箱輸入自動(dòng)補(bǔ)全效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)文本框郵箱輸入自動(dòng)補(bǔ)全效果,大家無(wú)需輸入完全部郵箱信息,感興趣的小伙伴們可以參考一下2015-11-11基于Jquery插件開(kāi)發(fā)之圖片放大鏡效果(仿淘寶)
公司某個(gè)網(wǎng)站,需要實(shí)現(xiàn)圖片預(yù)覽效果,并能像淘寶一樣實(shí)現(xiàn)局部分大,使用jquery的朋友可以參考下。2011-11-11jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果
這篇文章主要介紹了jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-10-10jquery.pager.js實(shí)現(xiàn)分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了jquery.pager.js實(shí)現(xiàn)分頁(yè)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07