<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
        主站蜘蛛池模板: 5g影院5g天天爽永久免费影院| 一级毛片a免费播放王色| 6080午夜一级毛片免费看6080夜福利 | 久久久久久久亚洲Av无码 | 亚洲精品福利视频| 国产精品免费大片| eeuss影院免费直达入口| 国产在线不卡免费播放| 美女视频黄a视频全免费网站色| 在线观看91精品国产不卡免费| 国产亚洲一区二区手机在线观看| 一级毛片免费毛片毛片| 亚洲中文字幕不卡无码| 国产真人无码作爱视频免费| 亚洲邪恶天堂影院在线观看| 1000部羞羞禁止免费观看视频| 亚洲最大成人网色香蕉| 午夜免费福利网站| 免费一级做a爰片久久毛片潮| 中文字幕专区在线亚洲| 久草视频在线免费看| 狠狠色伊人亚洲综合网站色 | 亚洲一区二区三区无码影院| 曰批全过程免费视频在线观看无码| 久久精品国产亚洲| 巨波霸乳在线永久免费视频| 亚洲砖码砖专无区2023| mm1313亚洲精品无码又大又粗| 9久热这里只有精品免费| 久久亚洲sm情趣捆绑调教| 免费看大美女大黄大色| 一级做a爰性色毛片免费| 2022年亚洲午夜一区二区福利 | 亚洲国产成人精品女人久久久| 亚欧国产一级在线免费| 亚洲精品国产电影午夜| 日本免费人成黄页在线观看视频| 久久国产精品免费一区二区三区| 亚洲国产综合自在线另类| 免费一级做a爰片久久毛片潮喷| 男女作爱在线播放免费网站|