jQuery中的for循环var与let的区别
更新时间：2018年04月21日 13:34:49 作者：人缘好
这篇文章主要介绍了jQuery中的for循环var与let的区别 ,非常不错，具有参考借鉴价值，需要的朋友可以参考下
今天在写jQuery请求接口中发现一个问题：
在用AJAX发送请求中又嵌套了一个AJAX请求，发现在内层请求的success中对第一次success中的循环变量 i 无法获取，具体代码如下：
$.ajax({
type: "get",
url: "//////////////////////////"，
success: function (result) {
rs = JSON.parse(result).data;
for (var i = 0; i < rs.length; i++) { //用var定义有问题
var pos_ = ""
$.ajax({
type: 'GET',
async: false,
dataType: 'jsonp',
contentType: 'application/json; charset=utf-8',
url: "///////////////////////////////////",
success: function (result) {
console.log(rs[i]) //报错
}
})
}
}
})
在第二次的ajax请求后的回调函数中，rs[i]是会报错的。
解决方案：
将for循环中声明变量var i 更改为let i
具体原因：
是第一次回调函数后的for循环中，如果你再次发送请求，for循环并不会停止，即使你写了同步请求也不行。
但是如果你在声明for循环变量用let后，代码会直到你请求完毕，回调函数执行完毕后，再进行下一次的循环。
这就考虑到了一个闭包的问题，如果你写var和let声明的作用域不同。
let i 会以局部变量的形式传递
var i 会以全局变量的形式传递
如果要想将 i 变量传递给下一层，要使用let 去声明。
总结
以上所述是小编给大家介绍的jQuery中的for循环var与let的区别 ，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要为大家详细介绍了jQuery实现炸裂轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要为大家详细介绍了基于jquery实现弹幕效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家详细介绍了jquery事件绑定解绑机制源码，感兴趣的小伙伴们可以参考一下2016-09-09
select标签的外观问题很恼人，各个浏览器都不一致，单单就IE，一个版本就一个长相，还不能用CSS修饰，接下来将本人对select的美化方法共享出来，感兴趣的朋友可以参考下2013-04-04
下面小编就为大家带来一篇一个超简单的jQuery回调函数例子(分享) 。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
jquery 简单图片导航插件jquery.imgNav.js
前几天某MM要偶帮忙实现栗子汀首页的图片导航效果，很简单而且具有通用性的一个需求，点图片A切换图片A相关的内容，点图片B切换图片B相关的内容，仅此而已。2010-03-03
这篇文章主要介绍了jQuery对象的链式操作用法,结合实例形式分析了链式操作的原理、特点及相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下2016-05-05
Textarea 控件不能使用form validate.js 进行判断.2009-05-05
本篇文章介绍了，关于jQuery新的事件绑定机制on()的使用技巧。需要的朋友参考下2013-04-04
本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍，,同时附送示例,是篇非常不错的文章,需要的朋友参考下2015-09-09
最新评论