關于async的介紹,在阮一峰的ES6入門教程中說到:
async 函數是什么?一句話,它就是 Generator 函數的語法糖。
可是,為什么這么說呢?
首先,比如說有一個異步操作,使用 async/await 語法來以同步模擬異步操作。
使用 async/await 實現一個 sleep 的功能
function sleep(time) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(1); }, time); });}async function test () { for(let i = 0; i < 10; i++) { let result = await sleep(1000); console.log(result); }}
將 async/await 轉成 generator 和 promise 來實現:
let test = function () { // ret 為一個Promise對象,因為ES6語法規定 async 函數的返回值必須是一個 promise 對象 let ret = _asyncToGenerator(function* () { for (let i = 0; i < 10; i++) { let result = yield sleep(1000); console.log(result); } }); return ret;}();// generator 自執行器function _asyncToGenerator(genFn) { return new Promise((resolve, reject) => { let gen = genFn(); function step(key, arg) { let info = {}; try { info = gen[key](arg); } catch (error) { reject(error); return; } if (info.done) { resolve(info.value); } else { return Promise.resolve(info.value).then((v) => { return step('next', v); }, (error) => { return step('throw', error); }); } } step('next'); });}
看完以上代碼,是不是一目了然了啊。將 async/await 使用 generator 進行改寫的關鍵是要使用 promise 來實現一個 generator 自執行器。在babel中,大體的原理也是類似的。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對武林網的支持。
新聞熱點
疑難解答