async、await詳解

Simon_Zhou 發布于2019-08-23 18:15 / 2736人閱讀

摘要：異步函數是和的組合，基本上，它們是對的更高級別的抽象。引入的原因它們降低了對一些固定語法樣板的要求，打破了鏈式不能切斷鏈式的限制。引入來解決著名的回調地獄問題，但是因為他們自身的復雜性，引入了更復雜的語法。

1、簡介

需先了解 Promise 【鏈接地址】

JavaScript 中的異步函數方法。

JavaScript 在很短的時間內從回調演變為 Promises ，從 ES2017(ES8) 開始，使用 async/await 語法讓異步 JavaScript 變得更簡單。

async(異步) 函數是 promises 和 generator 的組合，基本上，它們是對 promises 的更高級別的抽象。
注意：async/await 基于 promises。

2、引入 async/await 的原因

它們降低了 promises 對一些固定語法樣板的要求，打破了鏈式 promise “不能切斷鏈式”的限制。

在 ES2015 中引入 Promise 時，它們旨在解決異步代碼的問題，并且他們確實做到了，但在 ES2015 和 ES2017 的兩年中，人們發現很明顯 promises 不是最終的解決方案。

引入 Promises 來解決著名的回調地獄問題，但是因為他們自身的復雜性，引入了更復雜的語法。

它們是良好的原語，可以向開發人員公開更好的語法，所以當時機成熟時，我們就有了異步函數(async functions)。

它們使代碼看起來像是同步，但它在后臺是異步和非阻塞的。

2、原理

async(異步) 函數返回一個 promise，如下例1所示：

            const doSomethingAsync = () => {
                return new Promise((resolve) => {
                    setTimeout(() => resolve("I did something"), 3000)
                })
            }

3、未寫完，待續

GPU云服務器云服務器 async await await-async async-await await

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104912.html

async await詳解

摘要：本身就是的語法糖。類似于后面代碼會等內部代碼全部完成后再執行打印結果操作符用于等待一個對象。它只能在異步函數中使用。參考附在版本位中是可以直接使用的。持續更新中來點顆吧 async await本身就是promise + generator的語法糖。本文主要講述以下內容 async awiat 實質 async await 主要特性 async await 實質下面使用 pro...

Shimmer 2019-08-02 16:10 評論0 收藏0
async await詳解

摘要：本身就是的語法糖。類似于后面代碼會等內部代碼全部完成后再執行打印結果操作符用于等待一個對象。它只能在異步函數中使用。參考附在版本位中是可以直接使用的。持續更新中來點顆吧 async await本身就是promise + generator的語法糖。本文主要講述以下內容 async awiat 實質 async await 主要特性 async await 實質下面使用 pro...

KavenFan 2019-08-30 15:43 評論0 收藏0
async await詳解

摘要：本身就是的語法糖。類似于后面代碼會等內部代碼全部完成后再執行打印結果操作符用于等待一個對象。它只能在異步函數中使用。參考附在版本位中是可以直接使用的。持續更新中來點顆吧 async await本身就是promise + generator的語法糖。本文主要講述以下內容 async awiat 實質 async await 主要特性 async await 實質下面使用 pro...

yedf 2019-08-26 13:40 評論0 收藏0
async/await 執行順序詳解

摘要：怎么處理返回值輸出結果從結果中可以看到函數返回的是一個對象，如果在函數中一個直接量，會把這個直接量通過封裝成對象。如果函數沒有返回值結果結果返回。隨著async/await正式納入ES7標準，越來越多的人開始研究據說是異步編程終級解決方案的 async/await。但是很多人對這個方法中內部怎么執行的還不是很了解，本文是我看了一遍技術博客理解 JavaScript 的 async/a...

derek_334892 2019-08-21 16:39 評論0 收藏0