最近在整合前后端代码的时候有这么一个需求ajxa请求一段字符串,然后拼接成html append到页面中去实现轮播
平时这个都是使用juicer做的,但是由于使用java 的play框架,后台渲染模板和juicer冲突
所以我就想试试手动拼接字符串
有如下代码
var html= 0;
for (var i = 10; i >= 0; i--) {
<span style="white-space:pre"> </span>此处进行耗时操作比如ajax
<span style="white-space:pre"> </span>html=html+1;
}
alert(html)
然后alert出来的结果是0,我很快就知道这是js的异步处理造成的结果
最后请教了qq群的朋友,他们建议使用匿名函数,大概如下的形式
var html = 0;
var showCount = function (callback) {
for (var i = 10; i >= 0; i--) {
(function (num) {
setTimeout(function () {
html = html + 1;
console.log(html, num)
if (num === 0) callback();
}, 100);
})(i);
};
};
showCount(function () {
alert(html);
});