你應(yīng)該知道亿柑，javascript語言是一門“單線程”的語言，不像java語言亮曹，類繼承Thread再來個thread.start就可以開辟一個線程橄杨，所以秘症，javascript就像一條流水線，僅僅是一條流水線而已乡摹，要么加工采转，要么包裝，不能同時進(jìn)行多個任務(wù)和流程板熊。
那么這里說的同步和異步到底是什么呢察绷？如果你真的不懂，我希望你認(rèn)真讀完這篇文章容劳。其實我個人覺得js官方的文檔在使用兩個詞的時候并不準(zhǔn)確闸度，包括很多其他詞匯，都只是聽起來高深留量，但實際應(yīng)用好像跟這些詞沒半毛錢關(guān)系哟冬。例如“事件委托”這個詞，不知道的人乍一看誰又能說出“事件委托”是什么意思孝赫？委托什么事件红符？怎么個委托，我看不如干脆就叫“事件在外層元素中的捕獲”预侯，雖然長一點，一下就能看懂双戳。
回歸正軌糜芳，“同步”——一下就讓人想到“一起”這個詞魄衅；“異步”呢塘辅，從字面來講，好像是在不同的（異）的ways上do something扣墩，那首先想到的詞可能是“一邊...一邊...”,比如‘小明一邊吃雪糕一邊寫作業(yè)’，這完全沒毛病荆责，雪糕吃完了亚脆，作業(yè)也寫完了濒持，這就是異步？那就大錯特錯了弥喉！
其實同步和異步由境，無論如何蓖议，做事情的時候都是只有一條流水線（單線程），同步和異步的差別就在于這條流水線上各個流程的執(zhí)行順序不同纺阔。
<script type="text/javascript">
console.log( "1" );
setTimeout(function() {
console.log( "2" )
}, 0 );
setTimeout(function() {
console.log( "3" )
}, 0 );
setTimeout(function() {
console.log( "4" )
}, 0 );
console.log( "5" );
</script>
可見笛钝，盡管我們設(shè)置了setTimeout（function愕宋，time）中的等待時間為0，結(jié)果其中的function還是后執(zhí)行囤捻。
火狐瀏覽器的api文檔有這樣一句話：Because even though setTimeout was called with a delay of zero, it's placed on a queue and scheduled to run at the next opportunity, not immediately. Currently executing code must complete before functions on the queue are executed, the resulting execution order may not be as expected.
意思就是：盡管setTimeout的time延遲時間為0邻寿，其中的function也會被放入一個隊列中，等待下一個機(jī)會執(zhí)行誊涯，當(dāng)前的代碼（指不需要加入隊列中的程序）必須在該隊列的程序完成之前完成，因此結(jié)果可能不與預(yù)期結(jié)果相同醋拧。
這里說到了一個“隊列”（即任務(wù)隊列）丹壕，該隊列放的是什么呢，放的就是setTimeout中的function缭乘，這些function依次加入該隊列琉用，即該隊列中所有function中的程序?qū)谠撽犃幸酝獾乃写a執(zhí)行完畢之后再以此執(zhí)行，這是為什么呢奴紧？因為在執(zhí)行程序的時候晶丘，瀏覽器會默認(rèn)setTimeout以及ajax請求這一類的方法都是耗時程序（盡管可能不耗時），將其加入一個隊列中沫浆，該隊列是一個存儲耗時程序的隊列滚秩，在所有不耗時程序執(zhí)行過后，再來依次執(zhí)行該隊列中的程序本股。
又回到了最初的起點——javascript是單線程痊末。單線程就意味著哩掺，所有任務(wù)需要排隊，前一個任務(wù)結(jié)束盒件，才會執(zhí)行后一個任務(wù)。如果前一個任務(wù)耗時很長恩沽，后一個任務(wù)就不得不一直等著翔始。于是就有一個概念——任務(wù)隊列。如果排隊是因為計算量大城瞎，CPU忙不過來脖镀，倒也算了，但是很多時候CPU是閑著的弦蹂，因為IO設(shè)備（輸入輸出設(shè)備）很慢（比如Ajax操作從網(wǎng)絡(luò)讀取數(shù)據(jù)）强窖，不得不等著結(jié)果出來，再往下執(zhí)行翅溺。于是JavaScript語言的設(shè)計者意識到未巫，這時主線程完全可以不管IO設(shè)備启昧，掛起處于等待中的任務(wù)，先運(yùn)行排在后面的任務(wù)握爷。等到IO設(shè)備返回了結(jié)果新啼，再回過頭，把掛起的任務(wù)繼續(xù)執(zhí)行下去燥撞。
于是物舒，所有任務(wù)可以分成兩種冠胯，一種是同步任務(wù)（synchronous），另一種是異步任務(wù)（asynchronous）荠察。同步任務(wù)指的是悉盆，在主線程上排隊執(zhí)行的任務(wù)，只有前一個任務(wù)執(zhí)行完畢廷雅，才能執(zhí)行后一個任務(wù)京髓；異步任務(wù)指的是堰怨，不進(jìn)入主線程辞色、而進(jìn)入"任務(wù)隊列"（task queue）的任務(wù)揽涮，只有等主線程任務(wù)執(zhí)行完畢，"任務(wù)隊列"開始通知主線程盾似，請求執(zhí)行任務(wù)雪标，該任務(wù)才會進(jìn)入主線程執(zhí)行。
具體來說告抄，異步運(yùn)行機(jī)制如下：
（1）所有同步任務(wù)都在主線程上執(zhí)行打洼，形成一個執(zhí)行棧（execution context stack）龄糊。
（2）主線程之外绎签，還存在一個"任務(wù)隊列"（task queue）酝锅。只要異步任務(wù)有了運(yùn)行結(jié)果，就在"任務(wù)隊列"之中放置一個事件爸舒。
（3）一旦"執(zhí)行棧"中的所有同步任務(wù)執(zhí)行完畢稿蹲，系統(tǒng)就會讀取"任務(wù)隊列"，看看里面有哪些事件涂炎。那些對應(yīng)的異步任務(wù)设哗，于是結(jié)束等待狀態(tài)网梢，進(jìn)入執(zhí)行棧战虏，開始執(zhí)行拣宰。
（4）主線程不斷重復(fù)上面的第三步。
[圖片上傳失敗...(image-9119a8-1530493547453)]
只要主線程空了烦感，就會去讀取"任務(wù)隊列"巡社，這就是JavaScript的運(yùn)行機(jī)制。這個過程會不斷重復(fù)手趣。
"任務(wù)隊列"是一個事件的隊列（也可以理解成消息的隊列）重贺，IO設(shè)備完成一項任務(wù)，就在"任務(wù)隊列"中添加一個事件回懦，表示相關(guān)的異步任務(wù)可以進(jìn)入"執(zhí)行棧"了。主線程讀取"任務(wù)隊列"次企，就是讀取里面有哪些事件怯晕。
"任務(wù)隊列"中的事件，除了IO設(shè)備的事件以外缸棵，還包括一些用戶產(chǎn)生的事件（比如鼠標(biāo)點擊舟茶、頁面滾動等等），比如(selectot).click(function)隧出，這些都是相對耗時的操作。只要指定過這些事件的回調(diào)函數(shù)凄诞，這些事件**發(fā)生時**就會進(jìn)入"任務(wù)隊列"，等待主線程讀取汛蝙。 所謂"回調(diào)函數(shù)"（callback），就是那些會被主線程掛起來的代碼，前面說的點擊事件(selectot).click(function)中的function就是一個回調(diào)函數(shù)器瘪。異步任務(wù)必須指定回調(diào)函數(shù)，當(dāng)主線程開始執(zhí)行異步任務(wù)住拭，就是執(zhí)行對應(yīng)的回調(diào)函數(shù)。例如ajax的success，complete刘离，error也都指定了各自的回調(diào)函數(shù)茧痕，這些函數(shù)就會加入“任務(wù)隊列”中，等待執(zhí)行埃脏。
