js for循环异步

最近在整合前后端代码的时候有这么一个需求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);
	});