js for循环异步

最近在整合前后端代码的时候有这么一个需求ajxa请求一段字符串，然后拼接成html append到页面中去实现轮播

平时这个都是使用juicer做的，但是由于使用Java 的play框架，后台渲染模板和juicer冲突

所以我就想试试手动拼接字符串

有如下代码

 var html= 0;
 for (var i = 10; i >= 0; i--) {
 "white-space:pre">    此处进行耗时操作比如ajax

 "white-space:pre">    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);
     });