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 animate和CSS3相结合实现缓动追逐效果附源码下载
这篇文章主要介绍了jQuery animate和CSS3相结合实现缓动追逐效果的相关资料,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了jQuery基于cookie实现购物车的方法,结合实例形式简单分析了jQuery基于cookie实现针对商品信息的购物车存储功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
jQuery EasyUI API 中文文档 - ComboBox组合框
jQuery EasyUI API 中文文档 - ComboBox组合框,使用jQuery EasyUI的朋友可以参考下。2011-10-10
点击一个按钮时，弹出一个自定义窗口，并且可以随意的拖拽，jquery也可以实现这样的功能，下面有个不错的示例，大家可以感受下2014-03-03
这篇文章主要介绍了jQuery实现文本框邮箱输入自动补全效果，大家无需输入完全部邮箱信息，感兴趣的小伙伴们可以参考一下2015-11-11
公司某个网站，需要实现图片预览效果，并能像淘宝一样实现局部分大，使用jquery的朋友可以参考下。2011-11-11
这篇文章主要介绍了jquery移动端TAB触屏切换实现效果案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-10-10
这篇文章主要为大家详细介绍了jQuery自定义多选下拉框效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要为大家详细介绍了jquery.pager.js实现分页效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
jQuery1.6 使用方法，需要的朋友可以参考下。2011-11-11
最新评论