js for循环异步

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

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

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

有如下代码

[javascript]  view plain  copy

 

1. var html= 0;  
2. for (var i = 10; i >= 0; i--) {  
3. <span style="white-space:pre">    </span>此处进行耗时操作比如ajax  

[javascript]  view plain  copy

 

1. <span style="white-space:pre">    </span>html=html+1;  
2. }  

[javascript]  view plain  copy

 

1. alert(html)  

然后alert出来的结果是0，我很快就知道这是js的异步处理造成的结果

最后请教了qq群的朋友，他们建议使用匿名函数，大概如下的形式

[javascript]  view plain  copy

 

1. var html = 0;  
2.     var showCount = function (callback) {  
3.         for (var i = 10; i >= 0; i--) {  
4.             (function (num) {  
5.                 setTimeout(function () {  
6.                     html = html + 1;  
7.                     console.log(html, num)  
8.                     if (num === 0) callback();  
9.                 }, 100);  
10.             })(i);  
11.         };  
12.     };  
13.   
14.     showCount(function () {  
15.         alert(html);  

1.     });  

http://blog.csdn.net/chengscau/article/details/39957779