我們知道 js 是單執行緒執行的，那麼非同步的** js 是怎麼處理的呢？例如下面的**是如何進行輸出的：
console.log(1);
settimeout(function() , 0);
new promise(function(resolve) ).then(function() );
console.log(5);
settimeout(function() ).then(function() );
}, 0);
依據我們多年編寫 ajax 的經驗：js 應該是按照語句先後順序執行，在出現非同步時，則發起非同步請求後，接著往下執行，待非同步結果返回後再接著執行。但他內部是怎樣管理這些執行任務的呢？
在 js 中，任務分為巨集任務(macrotask)和微任務(microtask)，這兩個任務分別維護乙個佇列，均採用先進先出的策略進行執行！同步執行的任務都在巨集任務上執行。
巨集任務主要有：script(整體**)、settimeout、setinterval、i/o、ui 互動事件、postmessage、messagechannel、setimmediate(node.js 環境)。
微任務主要有：promise.then、 mutationobserver、 process.nexttick(node.js 環境)。
具體的操作步驟如下：
從巨集任務的頭部取出乙個任務執行；
執行過程中若遇到微任務則將其新增到微任務的佇列中；
巨集任務執行完畢後，微任務的佇列中是否存在任務，若存在，則挨個兒出去執行，直到執行完畢；
gui 渲染；
回到步驟 1，直到巨集任務執行完畢；
這 4 步構成了乙個事件的迴圈檢測機制，即我們所稱的eventloop。
回到我們上面說的**：
console.log(1);
settimeout(function() , 0);
new promise(function(resolve) ).then(function() );
console.log(5);
settimeout(function() ).then(function() );
}, 0);
執行 log(1)，輸出 1；
遇到 settimeout，將**的** log(2)新增到巨集任務中等待執行；
執行 console.log(3)，將 then 中的 log(4)新增到微任務中；
執行 log(5)，輸出 5；
遇到 settimeout，將**的** log(6, 7)新增到巨集任務中；
巨集任務的乙個任務執行完畢，檢視微任務佇列中是否存在任務，存在乙個微任務 log(4)（在步驟 3 中新增的），執行輸出 4；
取出下乙個巨集任務 log(2)執行，輸出 2；
巨集任務的乙個任務執行完畢，檢視微任務佇列中是否存在任務，不存在；
取出下乙個巨集任務執行，執行 log(6)，將 then 中的 log(7)新增到微任務中；
巨集任務執行完畢，存在乙個微任務 log(7)（在步驟 9 中新增的），執行輸出 7；
因此，最終的輸出順序為：1, 3, 5, 4, 2, 6, 7;
我們在promise.then實現乙個稍微耗時的操作，這個步驟看起來會更加地明顯：
console.log(1);
var start = date.now();
settimeout(function() , 0);
settimeout(function() , 400);
promise.resolve().then(function()
var res = ;
for(var i=0; i<5000000; i++)
res = res.sort();
console.log(3);
})
同時，這段**的輸出很有意思：
settimeout(function() , 400);從上面的**中也能看到 promise.then 中的**是屬於微服務，那麼 async-await 的**怎麼執行呢？比如下面的**：
function a()
async function b()
console.log(1);
b();
console.log(2);
function b() )
}console.log(1);
b();
console.log(2);
requestanimationframe也屬於執行是非同步執行的方法，但我任務該方法既不屬於巨集任務，也不屬於微任務。按照mdn中的定義：
window.requestanimationframe()告訴瀏覽器——你希望執行乙個動畫，並且要求瀏覽器在下次重繪之前呼叫指定的**函式更新動畫。該方法需要傳入乙個**函式作為引數，該**函式會在瀏覽器下一次重繪之前執行
我們要記住最重要的兩點：js是單執行緒和eventloop的迴圈機制。
QThread中的事件迴圈
1 背景 據qthread的官方文件說明，可以通過2中方式來實現乙個執行緒，其中一種方法就是繼承qthread並且實現其中的run 函式 class workerthread public qthread 通過start 來啟動workerthread的例項，將會使得run 在乙個新執行緒中執行。2...
前端中的迴圈方法
1 foreach each 簡單地遍歷 js語法 arrayname.foreach function value,index,arr this jquery寫法 each arrayname,function index,value,arr 2 map map 對映，返回乙個新陣列，但需要顯式地...
html前端學習十二 迴圈註冊事件 函式
熟悉掌握this 可以任意定義屬性 外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳 img e3v7xi3z 1577067491103 結果中沒有5 外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳 img z2vbepau 1577067491104 函式的定義functi...