可是,為什么這么說呢?
首先,比如說有一個異步操作,使用 async/await 語法來以同步模擬異步操作。
使用 async/await 實現(xiàn)一個 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 轉(zhuǎn)成 generator 和 promise 來實現(xiàn):
let test = function () { // ret 為一個Promise對象,因為ES6語法規(guī)定 async 函數(shù)的返回值必須是一個 promise 對象 let ret = _asyncToGenerator(function* () { for (let i = 0; i < 10; i++) { let result = yield sleep(1000); console.log(result); } }); return ret; }(); // generator 自執(zhí)行器 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 進(jìn)行改寫的關(guān)鍵是要使用 promise 來實現(xiàn)一個 generator 自執(zhí)行器。在babel中,大體的原理也是類似的。
總結(jié)
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com