js setTimeout、setInterval、promise、async await執行順序梳理

基礎知識

async: 關鍵字用于標記一個函數為異步函數,該函數中有一個或多個promise對象,需要等待執行完成后才會繼續執行。

await:關鍵字,用于等待一個promise對象執行完,并返回其中的值,只能在async函數內部使用。可以將異步操作轉化成同步代碼。

在看一道引發血案的面試題的時候,將其整體的流程梳理了下流程,順序并將代碼的執行邏輯也整理了出來。執行結果如下:

在執行完成之后,自己在末尾加上了setInterval方法,及時調換了兩者的順序,也會發現,先執行setTimeout,然后再執行setInterval方法。整理后的代碼如下:

console.log("script start 1")async1()
async function async1(){console.log("async1 start 2 第二步")//等async執行完畢之后,繼續按照asyn2下方的代碼執行await async2()console.log("async1 end 6 步驟6" )
}
//待執行到promise完成之后,await 收到對應的執行返回狀態,繼續往下執行 步驟6
new Promise(function(resolve){console.log("promise1 4")//執行成功 resolve,//await 接收到Promise返回的函數,會接著往下執行第6步;// resolve 代表成功的狀態,在async1 函數執行完之后,接著執行接著執行then下面的函數;如果沒有該段代碼,則不執行 步驟7resolve()
}).then(function(){console.log("promise2 7")
})async function async2(){//執行完async2,但是沒有Promise對象返回,會繼續記性往下執行console.log("async2  3")
}console.log("script end 5")
//在setTimeout執行完成之后,繼續執行定時器 setInterval方法
setInterval(()=>{console.log("set interval")
})
//在函數都執行完成之后,接著執行異步操作 延時 setTimeout 
setTimeout(()=>{console.log('settimeout')
})

綜上所得,async 先執行,接著執行promise,await執行返回之后,在繼續執行then中內部的函數,再順序接著執行setTimeout和setInterval。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/18359.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/18359.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/18359.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

云服務器平臺AutoDL--基本介紹與使用感受

因為課程作業需要復現DreamBooth,找了幾個教程之后,發現了AutoDL這個好東西,蕪湖~ 相關概念 以下回答來自于ChatGPT。 云計算平臺:云服務器平臺是提供按需計算資源和服務的在線平臺,通常包括存儲、處理能力、數據庫、…

搜維爾科技:使用Haption Virtuose 6D 力反饋通過機器人和虛擬現實完成遠程操作項目

使用Haption Virtuose 6D 力反饋通過機器人和虛擬現實完成遠程操作項目 搜維爾科技:使用Haption Virtuose 6D 力反饋通過機器人和虛擬現實完成遠程操作項目

【Python設計模式06】代理模式

代理模式(Proxy Pattern)是一種結構型設計模式,它通過創建代理對象來控制對另一個對象的訪問。代理模式可以用于延遲實例化、控制訪問權限、記錄日志等。代理模式的核心思想是為其他對象提供一種代理,以控制對這個對象的訪問。 代…

System32文件夾千萬不能刪除,看完這篇你就知道為什么了

序言 C:\Windows\System32目錄是Windows操作系統的關鍵部分,重要的系統文件存儲在該目錄中。網上的一些惡作劇者可能會告訴你刪除它,但你不應該嘗試去操作,如果你嘗試的話,我們會告訴你會發生什么。 什么是System32文件夾 位于C:\Windows\System32的System32文件夾是所有…

Python深度學習:【模型系列】Transformer面試靈魂20問

1. transformer簡介 Transformer模型是一種基于自注意力機制的神經網絡架構,主要用于處理序列數據,如自然語言處理任務。它由Google在2017年提出,并在“Attention is All You Need”這篇論文中首次公開。Transformer模型的核心思想是利用自注意力機制來捕捉序列中的依賴關系…

MySQL 的表約束詳解

在數據庫設計中,約束(Constraints)是確保數據完整性和一致性的關鍵工具。MySQL 作為流行的關系型數據庫管理系統,提供了多種約束類型來維護數據的準確性和可靠性。本文將詳細探討 MySQL 的各種表約束,包括它們的定義、…

【代碼隨想錄】面試常考類型之動態規劃01背包

前言 更詳細的在大佬的代碼隨想錄 (programmercarl.com) 本系列僅是簡潔版筆記,為了之后方便觀看 不同的二叉搜索樹 96. 不同的二叉搜索樹 - 力扣(LeetCode) 通過舉例子發現重疊子問題 代碼很簡單,主要是思路問題&#xff0…

Windows內核函數 - 創建關閉注冊表

在驅動程序的開發中,經常會用到對注冊表的操作。與Win32的API不同,DDK提供另外一套對注冊表操作的相關函數。首先明確一下注冊表里的幾個概念,避免在后面混淆。 圖1 注冊表概念 有5個概念需要重申一下: * 注冊表項: 注…

008、字符串_內部編碼

字符串類型的內部編碼有3種: int:8個字節的長整型。 embstr:小于等于39個字節的字符串。 raw:大于39個字節的字符串。 Redis會根據當前值的類型和長度決定使用哪種內部編碼實現。 整數類型示例如下: 127.0.0.1:6379&…

使用 MyBatis-Plus 的 IService 進行模糊查詢操作

使用 MyBatis-Plus 的 IService 進行模糊查詢操作 一、前言1. 普通模糊查詢(like)2. 左模糊查詢(likeLeft)3. 右模糊查詢(likeRight)4. 不匹配指定字符串的模糊查詢(notLike) 一、前…

unity接入live2d

在bilibili上找到一個教程,首先注意一點,你直接導入那個sdk,并且打開示例,顯示的模型是有問題的,你需要調整模型上腳本的一個枚舉值,調整它的渲染順序是front z to我看教程時候,很多老師都沒有提…

常用匯編指令

(arg)argument:自變量,變元 (reg)register:寄存器 (seg)segment:段寄存器 (mem)memory:存儲器(內存單元&am…

什么是 BIO、NIO、AIO?

BIO、NIO、AIO 都是 Java 的 IO 模型 BIO (Blocking IO) 是傳統的 IO 模型,它在讀寫數據時會阻塞線程,直到數據讀寫完成,適用于并發不高的場景。 NIO (Non-blocking IO) 是 Java 的新 IO 模型,它在讀寫數據時不會阻塞線程&#…

Flutter 中的 AnimatedPositionedDirectional 小部件:全面指南

Flutter 中的 AnimatedPositionedDirectional 小部件:全面指南 在 Flutter 中,AnimatedPositionedDirectional 是一個用于創建具有方向感知的動畫定位效果的組件。它允許開發者在動畫過程中動態地改變子組件的位置,并且可以指定動畫的方向&a…

Android Compose 九:interactionSource 的使用

先上官方文檔 InteractionSource InteractionSource represents a stream of Interactions corresponding to events emitted by a component. These Interactions can be used to change how components appear in different states, such as when a component is pressed or…

數據庫技術都涵蓋那些內容

數據庫技術涵蓋了關系型數據庫(RDBMS)、非關系型數據庫(NoSQL)以及數據庫管理系統(DBMS)的其他方面。以下是一些我熟悉的數據庫技術: 關系型數據庫(RDBMS) MySQL&#…

溫故而知新-Spring篇【面試復習】

溫故而知新-Spring篇【面試復習】 前言版權推薦溫故而知新-Spring篇IOCAOP循環依賴springboot如果要對屬性文件中的賬號密碼加密如何實現?SpringBoot的優點Spring Boot 的核心注解是哪個?它主要由哪幾個注解組成的? 最后 前言 2023-7-31 15:…

Java RMI

RMI - 安全篇 RMI分為三個主體部分: *Client-客戶端*:客戶端調用服務端的方法 *Server-服務端*:遠程調用方法對象的提供者,也是代碼真正執行的地方,執行結束會返回給客戶端一個方法執行的結果。 *Registry-注冊中心…

詞嵌入nn.embedding的解釋

一、embedding如何處理文本 在NLP任務中,首先要對文本進行處理,將文本進行編碼轉換,形成向量表達,embedding處理文本的流程如下: (1)輸入一段文本,中文會先分詞(如jieb…

python雙色球選號程序的實現與解析

新書上架~👇全國包郵奧~ python實用小工具開發教程http://pythontoolsteach.com/3 歡迎關注我👆,收藏下次不迷路┗|`O′|┛ 嗷~~ 目錄 一、引言:雙色球選號游戲的魅力 二、程序設計與實現 1. 生成紅色球號碼 2. 生…