<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

        JS為什么說async/await是generator的語法糖詳解

        來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 21:53:49
        文檔

        JS為什么說async/await是generator的語法糖詳解

        JS為什么說async/await是generator的語法糖詳解:關(guān)于async的介紹,在阮一峰的ES6入門教程中說到: async 函數(shù)是什么?一句話,它就是 Generator 函數(shù)的語法糖。 可是,為什么這么說呢? 首先,比如說有一個異步操作,使用 async/await 語法來以同步模擬異步操作。 使用 async/await 實現(xiàn)一
        推薦度:
        導(dǎo)讀JS為什么說async/await是generator的語法糖詳解:關(guān)于async的介紹,在阮一峰的ES6入門教程中說到: async 函數(shù)是什么?一句話,它就是 Generator 函數(shù)的語法糖。 可是,為什么這么說呢? 首先,比如說有一個異步操作,使用 async/await 語法來以同步模擬異步操作。 使用 async/await 實現(xiàn)一

        可是,為什么這么說呢?

        首先,比如說有一個異步操作,使用 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

        文檔

        JS為什么說async/await是generator的語法糖詳解

        JS為什么說async/await是generator的語法糖詳解:關(guān)于async的介紹,在阮一峰的ES6入門教程中說到: async 函數(shù)是什么?一句話,它就是 Generator 函數(shù)的語法糖。 可是,為什么這么說呢? 首先,比如說有一個異步操作,使用 async/await 語法來以同步模擬異步操作。 使用 async/await 實現(xiàn)一
        推薦度:
        標(biāo)簽: 為什么 js async/await
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 99久久久国产精品免费牛牛四川| 在线免费视频你懂的| 97碰公开在线观看免费视频| 亚洲国产精品va在线播放| 国产人成网在线播放VA免费| 亚洲国产一区明星换脸| 少妇亚洲免费精品| a级亚洲片精品久久久久久久| 亚欧乱色国产精品免费视频| 亚洲午夜福利在线观看| 国产成人AV片无码免费| 亚洲第一页在线播放| 成人性生交大片免费看午夜a| 亚洲欧洲AV无码专区| 免费播放特黄特色毛片| 精精国产www视频在线观看免费| 国产亚洲一区二区手机在线观看| 日韩精品免费在线视频| 亚洲色图黄色小说| 日韩在线a视频免费播放| 国产麻豆免费观看91| 国产亚洲漂亮白嫩美女在线 | 亚洲精品无码久久久久sm| 国产又黄又爽又大的免费视频| 亚洲AV人无码激艳猛片| 日韩精品无码区免费专区| 色婷婷六月亚洲综合香蕉| 不卡精品国产_亚洲人成在线| 99ee6热久久免费精品6| 亚洲AV无码国产精品永久一区| 亚洲人成网站色在线入口| 99久在线国内在线播放免费观看| 456亚洲人成影院在线观| 亚洲av片一区二区三区| 日韩中文字幕免费视频| 亚洲国产区男人本色| 亚洲三区在线观看无套内射| 五月婷婷综合免费| 亚洲成AV人片一区二区| 手机在线免费视频| 在线观看肉片AV网站免费|