|
導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標(biāo)記語言之所以稱為超文本標(biāo)記語言,是因為文本中包含了所謂“超級鏈接”點(diǎn)。 本篇文章給大家?guī)淼膬?nèi)容是關(guān)于promise與setTimeout的執(zhí)行順序是什么?promise函數(shù)執(zhí)行順序詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。有一次在面試題中有做到promise與setTimeout的執(zhí)行順序,當(dāng)時有點(diǎn)懵,執(zhí)行順序還是弄錯了一點(diǎn)點(diǎn),這里記錄下 1.輸出 setTimeout(function() {
console.log(111)
}, 0);
setTimeout(function() {
console.log(333)
}, 1000);
new Promise(function(resolve){
console.log(444);
resolve();
console.log(555);
})。then(function(){
console.log(666);
});
console.log(777);
async function test1() {
console.log("test1");
await test2();
console.log("test1 last");
}
async function test2() {
console.log("test2");
}
test1();輸出結(jié)果
2.個人理解 首先執(zhí)行同步代碼,然后以事件輪詢的方式執(zhí)行異步代碼 promise中的異步體現(xiàn)在。then()和。catch()中 而promise中的function里的是同步代碼 上面的代碼是先執(zhí)行promise里的同步代碼,然后執(zhí)行腳本里本身的同步代碼 async無論方法是同步還是異步都可以用async關(guān)鍵字來進(jìn)行標(biāo)識 因為用async標(biāo)識只是顯示表明在該方法內(nèi),可能會用到await關(guān)鍵字使其變?yōu)楫惒椒椒ǎ覍⒃摦惒椒椒ㄟM(jìn)行了明確的劃分,只有用了await關(guān)鍵字時才是異步操作,其余一并為同步操作 同 Generator 函數(shù)一樣,async 函數(shù)返回一個 Promise 對象,可以使用 then 方法添加回調(diào)函數(shù) 當(dāng)函數(shù)執(zhí)行的時候,一旦遇到 await 就會先返回,等到觸發(fā)的異步操作完成,再接著執(zhí)行函數(shù)體內(nèi)后面的語句 await 命令后面的 Promise 對象,運(yùn)行結(jié)果可能是 rejected,所以最好把 await 命令放在 try…catch 代碼塊中 3.其他 在網(wǎng)上還找到了一些資料參考了這篇文章的一些內(nèi)容 參考文章 setImmediate(function(){
console.log(1);
},0);
setTimeout(function(){
console.log(2);
},0);
new Promise(function(resolve){
console.log(3);
resolve();
console.log(4);
})。then(function(){
console.log(5);
});
console.log(6);
process.nextTick(function(){
console.log(7);
});
console.log(8);輸出結(jié)果: 3 4 6 8 7 5 2 1 macro-task: script (整體代碼),setTimeout, setInterval, setImmediate, I/O, UI rendering. 第一步。 script整體代碼被執(zhí)行,執(zhí)行過程為 創(chuàng)建setImmediate macro-task 第一個過程過后,已經(jīng)輸出了3 4 6 8 第二步。 由于其他micro-task 的 優(yōu)先級高于macro-task。 此時micro-task 中有兩個任務(wù)按照優(yōu)先級process.nextTick 高于 Promise,所以先輸出7,再輸出5 第三步,micro-task 任務(wù)列表已經(jīng)執(zhí)行完畢,家下來執(zhí)行macro-task. 由于setTimeout的優(yōu)先級高于setIImmediate,所以先輸出2,再輸出1。 優(yōu)先級: promise.Trick()>promise的回調(diào)>setTimeout>setImmediate 以上就是對promise與setTimeout的執(zhí)行順序是什么?promise函數(shù)執(zhí)行順序詳解的全部介紹,如果您想了解更多有關(guān)JavaScript教程,請關(guān)注PHP中文網(wǎng)。 以上就是promise與setTimeout的執(zhí)行順序是什么?promise函數(shù)執(zhí)行順序詳解的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!