1.Javascript語言的執行環境是”單線程”(single thread):
優點：實現起來比較簡單，執行環境相對單純；
缺點：只要有一個任務耗時很長，後面的任務都必須排隊等著，會拖延整個程序的執行。常見的浏覽器無響應（假死），往往就是因為某一段Javascript代碼長時間運行（比如死循環），導致整個頁面卡在這個地方，其他任務無法執行。
為了解決這個問題，Javascript語言將任務的執行模式分成兩種：同步（Synchronous）和異步（Asynchronous）。
2.”異步模式”編程的幾種方法：
（1）回調函數：優點是簡單、容易理解和部署，缺點是不利於代碼的閱讀和維護，各個部分之間高度耦合（Coupling），使得程序結構混亂、流程難以追蹤（尤其是回調函數嵌套的情況），而且每個任務只能指定一個回調函數。
（2）采用事件驅動模式（事件監聽）：優點是比較容易理解，可以綁定多個事件，每個事件可以指定多個回調函數，而且可以”去耦合“（Decoupling），有利於實現模塊化。缺點是整個程序都要變成事件驅動型，運行流程會變得很不清晰。
（3）觀察者模式（發布\訂閱模式）：這種方法的性質與”事件監聽”類似，但是明顯優於後者。因為我們可以通過查看”消息中心”，了解存在多少信號、每個信號有多少訂閱者，從而監控程序的運行。
3.異步操作的流程控制。
（1）串行執行：編寫一個流程控制函數，讓它來控制異步任務，一個任務完成以後，再執行另一個。
var items = [ 1, 2, 3, 4, 5, 6 ];
var results = [];
function series(item) {
if(item) {
async( item, function(result) {
results.push(result);
return series(items.shift());
});
} else {
return final(results);
}
}
series(items.shift());
函數series就是串行函數，它會依次執行異步任務，所有任務都完成後，才會執行final函數。items數組保存每一個異步任務的參數，results數組保存每一個異步任務的運行結果。
（2）並行執行：所有異步任務同時執行，等到全部完成以後，才執行final函數。
//forEach方法會同時發起6個異步任務，等到它們全部完成以後，才會執行final函數。
var items = [ 1, 2, 3, 4, 5, 6 ];
var results = [];
items.forEach(function(item) {
async(item, function(result){
results.push(result);
if(results.length == items.length) {
final(results);
}
})
});
並行執行的好處是效率較高，比起串行執行一次只能執行一個任務，較為節約時間。但是問題在於如果並行的任務較多，很容易耗盡系統資源，拖慢運行速度。因此有了第三種流程控制方式。
（3）並行與串行的結合：設置一個門檻，每次最多只能並行執行n個異步任務。這樣就避免了過分占用系統資源。
//變量running記錄當前正在運行的任務數，只要低於門檻值，就再啟動一個新的任務
//如果等於0，就表示所有任務都執行完了，這時就執行final函數
//最多只能同時運行兩個異步任務。
var items = [ 1, 2, 3, 4, 5, 6 ];
var results = [];
var running = 0;
var limit = 2;
function launcher() {
while(running < limit && items.length > 0) {
var item = items.shift();
async(item, function(result) {
results.push(result);
running++;
if(items.length > 0) {
launcher();
}
});
running--;
if(running == 0) {
final();
}
}
}
以上就是小編為大家帶來的淺談js的異步執行全部內容了，希望大家多多支持~