摘要:本身就是的語法糖。類似于后面代碼會等內部代碼全部完成后再執行打印結果操作符用于等待一個對象。它只能在異步函數中使用。參考附在版本位中是可以直接使用的。持續更新中來點顆吧
async await本身就是promise + generator的語法糖。
本文主要講述以下內容
async awiat 實質
async await 主要特性
async await 實質下面使用 promise + generate 實現 async await
// 轉換目標 async1 // async function async1() { // console.log("async1 start"); // await async2(); // console.log("async1 end"); // } function async1() { // 將 async 轉換成 *,將 awiat 轉換成 yield var awaitInstance = (function* () { console.log("async1 start"); yield async2(); console.log("async1 end"); })() // 自動執行 await 及后續代碼 // 簡單起見,不處理異常情況 function step() { var next = awaitInstance.next(); // 使用Promise獲取 異步/同步 方法的結果,再執行下一步 Promise.resolve(next.value).then(function (val) { if (!next.done) step(); }) } step(); // 返回Promise return Promise.resolve(undefined); }async await 特性
async 一定會返回 promise
// 案例1: 不設置return async function fn() {} fn().then(alert); // alert -> undefined // 案例2:return非promise async function f() { return 1 } f().then(alert); // alert -> 1 // 案例3: return Promise async function fn() { return Promise.resolve(2); } fn().then(alert); // alert -> 2
async 中代碼是直接執行的(同步任務)
console.log(1); async function fn() { console.log(2); await console.log(3) console.log(4) } fn(); console.log(5); // 打印 1 2 3 5 4 // 為何后面是 3 5 4 ? 往下看
await是直接執行的,而await后面的代碼是 microtask。
async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } // 類似于 async function async1() { console.log("async1 start"); Promise.resolve(async2()).then(() => { console.log("async1 end"); }) }
await后面代碼會等await內部代碼全部完成后再執行
async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } async function async2() { return new Promise(function(resolve) { setTimeout(function() { console.log("sleep 2s"); resolve("do"); }, 2000) }) } async1(); // 打印結果 // async1 start -> sleep 2s -> async1 end
await 操作符用于等待一個Promise 對象。它只能在異步函數 async function 中使用。參考 MDN
附: 在chrome版本 73.0.3683.86(64 位)中, await是可以直接使用的。 var x = await console.log(1)End
持續更新中 來Github 點顆?吧
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/116055.html
摘要:本身就是的語法糖。類似于后面代碼會等內部代碼全部完成后再執行打印結果操作符用于等待一個對象。它只能在異步函數中使用。參考附在版本位中是可以直接使用的。持續更新中來點顆吧 async await本身就是promise + generator的語法糖。 本文主要講述以下內容 async awiat 實質 async await 主要特性 async await 實質 下面使用 pro...
摘要:本身就是的語法糖。類似于后面代碼會等內部代碼全部完成后再執行打印結果操作符用于等待一個對象。它只能在異步函數中使用。參考附在版本位中是可以直接使用的。持續更新中來點顆吧 async await本身就是promise + generator的語法糖。 本文主要講述以下內容 async awiat 實質 async await 主要特性 async await 實質 下面使用 pro...
摘要:怎么處理返回值輸出結果從結果中可以看到函數返回的是一個對象,如果在函數中一個直接量,會把這個直接量通過封裝成對象。如果函數沒有返回值結果結果返回。 隨著async/await正式納入ES7標準,越來越多的人開始研究據說是異步編程終級解決方案的 async/await。但是很多人對這個方法中內部怎么執行的還不是很了解,本文是我看了一遍技術博客理解 JavaScript 的 async/a...
摘要:異步函數是和的組合,基本上,它們是對的更高級別的抽象。引入的原因它們降低了對一些固定語法樣板的要求,打破了鏈式不能切斷鏈式的限制。引入來解決著名的回調地獄問題,但是因為他們自身的復雜性,引入了更復雜的語法。 1、簡介 需先了解 Promise 【鏈接地址】 JavaScript 中的異步函數方法。 JavaScript 在很短的時間內從回調演變為 Promises ,從 ES2...
閱讀 1264·2021-09-27 13:35
閱讀 2563·2021-09-06 15:12
閱讀 3380·2019-08-30 15:55
閱讀 2829·2019-08-30 15:43
閱讀 431·2019-08-29 16:42
閱讀 3446·2019-08-29 15:39
閱讀 3062·2019-08-29 12:28
閱讀 1239·2019-08-29 11:11