首頁猿問在線等！promise的鏈?zhǔn)秸{(diào)用順序

在線等！promise的鏈?zhǔn)秸{(diào)用順序

JavaScript

守候你守候我 2019-10-25 23:26:38

promise的then的鏈?zhǔn)秸{(diào)用順序不是按照先后順序的嗎？為什么以下代碼的順序有點(diǎn)不一樣？newPromise((resolve,reject)=>{console.log("promise1")resolve()}).then(()=>{console.log("then1-1")newPromise((resolve,reject)=>{console.log("promise2")resolve()}).then(()=>{console.log("then2-1")}).then(()=>{console.log("then2-2")})}).then(()=>{console.log("then1-2")})/*運(yùn)行結(jié)果：promise1then1-1promise2then2-1then1-2then2-2*/同樣的，我的問題也就是：第一個外層的then的狀態(tài)是什么情況下，第二個外層的then才會調(diào)用呢？

查看完整描述

2 回答

慕森王

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個贊

第1行的Promise被創(chuàng)建，它的構(gòu)造函數(shù)里面的函數(shù)會立即執(zhí)行，此時輸出promise1第2行的resolve方法被調(diào)用，因此會接著執(zhí)行第4行的then里面的內(nèi)容，此時輸出then1-1；第14行的then里面的內(nèi)容會進(jìn)入任務(wù)隊(duì)列，等待執(zhí)行。第6行的Promise被創(chuàng)建；同理，此時輸出promise2第8行的resolve方法被調(diào)用，因此會接著執(zhí)行第9行的then里面的內(nèi)容，此時輸出then2-1;第12行的then里面的內(nèi)容會進(jìn)入任務(wù)隊(duì)列，等待執(zhí)行。此時同等級別的任務(wù)隊(duì)列里面有兩個任務(wù)，分別是步驟2里面提到的第14行的then回調(diào)和步驟4提到的第12行的then回調(diào)，根據(jù)先后順序，分別先后執(zhí)行輸出then1-2、then2-2。1.newPromise((resolve,reject)=>{2.console.log("promise1")3.resolve()4.}).then(()=>{5.console.log("then1-1")6.newPromise((resolve,reject)=>{7.console.log("promise2")8.resolve()9.}).then(()=>{10.console.log("then2-1")11.}).then(()=>{12.console.log("then2-2")13.});14.}).then(()=>{15.console.log("then1-2")16.})