微信小程序中的循环遍历问题
比如:如果在微信小程序中要遍历输出 0-9 的数,我们会使用for循环
for(var i=0;i<10;i++){ console.log(i); }
确实结果也是这样:
但是,如果我在循环时同时调用wx的api接口10次,那么输出的结果就会不同(这是产生了闭关的效应)
eg:每次调用一次wx.showToast()接口,并在成功时输出循环的值。
for(var i=0;i<10;i++){ wx.showToast({ title: 'haha', success:function(){ console.log(i); } }) }
结果:
可以看到输出了10次10,这是因为i自变量的作用域范围,在这里它相当于全局变量。
两种解决办法:
1.使用临时函数
for(var i=0;i<10;i++){ (function(j){ wx.showToast({ title: 'haha', success: function () { console.log(j); } }) })(i); }
以上代码同:
for(var i=0;i<10;i++){ function temp(j){ wx.showToast({ title: 'haha', success: function () { console.log(j); } }) }; temp(i); } },
结果:
2.使用ES6中let的块作用域(推荐)
for(let i=0;i<10;i++){ wx.showToast({ title: 'haha', success: function () { console.log(i); } }) }
结果同上。
但是如果将let i定义在函数外部,则对于循环来说还是相当于全局变量
let i; for(i=0;i<10;i++){ wx.showToast({ title: 'haha', success: function () { console.log(i); } }) }
结果还是:
如果是此文是转载文章,本人会附上转载链接,此篇文章的版权归原创作者所属,如果侵权请与我联系,我会删除此文。
若没有标明转载链接,此篇文章属于本人的原创文章,其版权所属:
作者:feiquan
出处:http://www.cnblogs.com/feiquan/
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
大家写文都不容易,请尊重劳动成果~ 这里谢谢大家啦(*/ω\*)
若没有标明转载链接,此篇文章属于本人的原创文章,其版权所属:
作者:feiquan
出处:http://www.cnblogs.com/feiquan/
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
大家写文都不容易,请尊重劳动成果~ 这里谢谢大家啦(*/ω\*)