太長不讀版：
問：
什么是單線程撮慨？單線程和異步的關(guān)系是怎樣的毛萌？
答：
- 單線程只有一個(gè)線程，同一時(shí)間只能做一件事情褪测，而異步就是一種解決方案猴誊。
再問：
JS作為單線程語言是如何實(shí)現(xiàn)異步操作
再答：
- 通過事件循環(huán)（event loop）實(shí)現(xiàn)異步
三問：
異步存在的問題
- 可讀性差，沒有按照代碼書寫順序執(zhí)行
- callback回調(diào)函數(shù)中不容易模塊化
詳細(xì)版：
為什么JS是單線程語言呢汰扭，原因是為了避免DOM渲染的沖突
- 瀏覽器需要渲染DOM
- JS可以修改DOM
- JS執(zhí)行時(shí)稠肘，瀏覽器DOM渲染會(huì)暫停
- 兩段JS不能同時(shí)執(zhí)行
- HTML5中有webworker支持多線程，但不能訪問DOM
而第二個(gè)問題用一個(gè)很常見的面試題目作例子：
console.log(‘1’);
setTimeout(() => {
console.log(‘2’);
}, 0);
console.log(‘3’);
// 運(yùn)行后會(huì)輸出1萝毛，3项阴，2
可以看到輸出的結(jié)果并不是按照從上而下的順序輸出1，2，3环揽。雖然JS是同步略荡，但從輸出結(jié)果來看setTimeout沒有立即執(zhí)行，而是等3輸出之后才被執(zhí)行2歉胶。而這里的setTimeout是異步代碼汛兜。
我們來看事件循環(huán)是怎么實(shí)現(xiàn)這里的異步的：
- 判斷JS代碼是同步還是異步。同步代碼進(jìn)入主線程通今，異步代碼則會(huì)進(jìn)入event table粥谬。
- 異步任務(wù)在event table中注冊函數(shù)，滿足函數(shù)觸發(fā)條件后會(huì)被推入event queue辫塌。
- 主線程一直在執(zhí)行同步代碼漏策，直到主線程空閑時(shí)才會(huì)去check event queue中是否有可執(zhí)行任務(wù)，有的話就放入主線程中執(zhí)行臼氨。
此三步循環(huán)執(zhí)行稱為事件循環(huán)（event loop）掺喻，也就可以解釋為什么2會(huì)最后打印出來。
