js中的多併發處理。

通常 為了減少頁面載入時間，先把核心內容顯示處理，頁面載入完成後再發送ajax請求獲取其他資料

這時就可能產生多個ajax請求，為了使用者體驗，最好是傳送並行請求，這就產生了併發問題，應該如何處理？

（1）並行改序列

如果業務邏輯和使用者體驗允許的情況下，可以改為序列，處理起來最簡單

function async1(){
//do sth...
async2();
}
function async2(){
//do sth...
}
async1();

（2）回撥計數

function async1(){
//do sth...
callback();
}
function async2(){
//do sth...
callback();
}
function callback(){
cnt++;
if(2==cnt) console.log('都已執行完畢');
}

另：ajax時非同步請求不會出現堵塞情況。

$.when($.ajax, $ajax).done(function() { balabala })

轉載：

經常在寫程式碼的時候碰到這樣的場景：頁面初始化時顯示loading頁，同時啟動多個ajax併發請求獲取資料，當每個ajax請求返回時結束loading。 
舉個例子，一個下訂單的頁面，要查詢常用地址資訊、商品資訊、地市資訊…而這些請求都是非同步的，希望等到所有資料載入完成後再允許使用者操作。 
要實現這個場景容易碰到的一個問題就是多併發怎麼控制？下面是一些解決方法和思路： 

並行改為序列
如果業務邏輯本身是序列的，但是提供的請求方式又是非同步的，可以考慮此方法。 

1. function async1(){  
2.     //do sth...  
3. }  
4. function async2(){  
5.     //do sth...  
6.     async1();  
7. }  
8. async2();  

1. $.ajax({  
2.     url:"/jquery/test1.txt",  
3.     async:false  
4. });  

1. var cnt = 0;  
2. function async1(){  
3.     //do sth...  
4.     callback();  
5. }  
6. function async2(){  
7.     //do sth...  
8.     callback();  
9. }  
10. function callback(){  
11.     cnt++;  
12.     if(2==cnt) console.log('都已執行完畢');  
13. }  

1. var cnt = 0;  
2. function async1(){  
3.     //do sth...  
4.     cnt++;  
5. }  
6. function async2(){  
7.     //do sth...  
8.     cnt++;  
9. }  
10. while(2>cnt){}  

1. var cnt = 0;  
2. function async1(){  
3.     //do sth...  
4.     cnt++;  
5. }  
6. function async2(){  
7.     //do sth...  
8.     cnt++;  
9. }  
10. var interval = setInterval(function(){  
11.     if(2===cnt){  
12.         console.log('已執行完成');  
13.         clearInterval(interval)  
14.     }  
15. }, 0);  

1. var d1 = $.Deferred();  
2. var d2 = $.Deferred();  
3. function async1(){  
4.     d1.resolve( "Fish" );  
5. }  
6. function async2(){  
7.     d2.resolve( "Pizza" );  
8. }  
9. $.when( d1, d2 ).done(function ( v1, v2 ) {  
10.     console.log( v1 + v2 + '已完成');  
11. });