17行代碼了解異步Promise、await、async、setTimeout

flybywind 發(fā)布于2019-08-23 16:44 / 935人閱讀

來(lái)源于：阿賢博客

17行代碼了解異步：Promise、await、async、setTimeout

async function one() {
    let time = ()=>{
        return new Promise((resolve, reject) => {
            setTimeout(()=>{
                console.log(1);
                resolve(2);
            }, 1000);
        });
    };
    await time();
    console.log(2);
}
let two = ()=>{
    console.log(3);
}
await one();
two();

來(lái)源于：阿賢博客

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103204.html

相關(guān)文章

setTimeout&Promise&Async之間的愛(ài)恨情仇

摘要：但是提出標(biāo)準(zhǔn)，允許腳本創(chuàng)建多個(gè)線程，但是子線程完全受主線程控制。只是將事件插入了任務(wù)隊(duì)列，必須等到當(dāng)前代碼執(zhí)行棧執(zhí)行完，主線程才會(huì)去執(zhí)行它指定的回調(diào)函數(shù)。之后全局上下文進(jìn)入函數(shù)調(diào)用棧。 setTimeout 一、setTimeout 初現(xiàn) 定義：setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。語(yǔ)法： setTimeout(code, millisec...

Half 2019-08-23 15:31 評(píng)論0 收藏0
你不知道的JavaScript ：Promise 與 Async/Await

摘要：前言對(duì)于這門語(yǔ)言，其實(shí)我更喜歡稱它為，從一開始我們就已經(jīng)涉及到異步編程，但是多數(shù)開發(fā)者從來(lái)沒(méi)有認(rèn)真思考過(guò)自己程序中的異步，到底是怎么實(shí)現(xiàn)的，以及為什么會(huì)出現(xiàn)。前言對(duì)于JavaScript這門語(yǔ)言，其實(shí)我更喜歡稱它為ECMAScript，從一開始我們就已經(jīng)涉及到異步編程，但是多數(shù)JavaScript開發(fā)者從來(lái)沒(méi)有認(rèn)真思考過(guò)自己程序中的異步，到底是怎么實(shí)現(xiàn)的，以及為什么會(huì)出現(xiàn)。但是由于...

wmui 2019-08-22 17:23 評(píng)論0 收藏0
JavaScript工作原理（四）：事件循環(huán)，異步編程的興起以及5招async/await實(shí)踐

摘要：事件循環(huán)從回調(diào)隊(duì)列中獲取并將其推送到調(diào)用堆棧。如何工作請(qǐng)注意，不會(huì)自動(dòng)將您的回調(diào)函數(shù)放到事件循環(huán)隊(duì)列中。它設(shè)置了一個(gè)計(jì)時(shí)器，當(dāng)計(jì)時(shí)器到期時(shí)，環(huán)境將您的回調(diào)函數(shù)放入事件循環(huán)中，以便將來(lái)的某個(gè)事件會(huì)將其選中并執(zhí)行它。我們將通過(guò)回顧第一篇文章中單線程編程的缺點(diǎn)，然后在討論如何克服它們來(lái)構(gòu)建令人驚嘆的JavaScript UI。在文章結(jié)尾處，我們將分享5個(gè)關(guān)于如何使用async / awai...

piglei 2019-08-26 11:51 評(píng)論0 收藏0
「今日頭條」前端面試題和思路解析

摘要：一篇文章和一道面試題最近，有篇名為張圖幫你一步步看清和的執(zhí)行順序的文章引起了我的關(guān)注。作者用一道年今日頭條的前端面試題為引子，分步講解了最終結(jié)果的執(zhí)行原因。從字面意思理解，讓我們等等。當(dāng)前的最新版本，在這里的執(zhí)行順序上，的確存在有問(wèn)題。一篇文章和一道面試題最近，有篇名為《8張圖幫你一步步看清 async/await 和 promise 的執(zhí)行順序》的文章引起了我的關(guān)注。作者用...

寵來(lái)也 2019-08-23 14:14 評(píng)論0 收藏0
JavaScript引擎是如何工作的？從調(diào)用棧到Promise你需要知道的一切

摘要：最受歡迎的引擎是，在和中使用，用于，以及所使用的。怎么處理每個(gè)引擎都有一個(gè)基本組件，稱為調(diào)用棧。也就是說(shuō)，如果有其他函數(shù)等待執(zhí)行，函數(shù)是不能離開調(diào)用棧的。每個(gè)異步函數(shù)在被送入調(diào)用棧之前必須通過(guò)回調(diào)隊(duì)列。例如方法是在中傳遞的回調(diào)函數(shù)。 ? 翻譯：瘋狂的技術(shù)宅原文：www.valentinog.com/blog/engine… 從Call Stack，Global Me...

zzbo 2019-06-18 11:16 評(píng)論0 收藏0