首頁 > web前端 > js教程 > node Async/Await 非同步編程實現詳解

node Async/Await 非同步編程實現詳解

php中世界最好的语言
發布: 2018-05-22 11:46:30
原創
2137 人瀏覽過

這次帶給大家node Async/Await 非同步程式實作詳解,node Async/Await 非同步程式實作的注意事項有哪些,以下就是實戰案例,一起來看一下。

一、非同步程式設計的終極解決方案

#前幾天寫過關於javascript 非同步操作的文章《 Javascript Promise 詳解》. 最近在學習Puppeteer 的時候又發現另一種非同步程式設計解決方案:Async/Await.

非同步操作是JavaScript 程式設計的麻煩事,麻煩到一直有人提出各種各樣的方案,試圖解決這個問題。從最早的回呼函數,到 Promise 物件,再到 Generator 函數,每次都有所改進,但又讓人覺得不徹底。它們都有額外的複雜性,都需要理解抽象的底層運作機制。

在 Async 函數出來之後,有人認為它是非同步程式設計的最終解決方案。因為有了 Async/Await 之後,你根本就不用在乎是它是不是非同步程式設計。

二、基本用法

async 函數傳回一個 Promise 對象,可以使用 then 方法新增回呼函數。當函數執行的時候,一旦遇到 await 就會先回,等到觸發的非同步操作完成,再接著執行函數體內後面的語句。

下面是一個栗子:

var sleep = function (time) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      resolve();
    }, time);
  })
};
var start = async function () {
  // 在这里使用起来就像同步代码那样直观
  console.log('start');
  await sleep(3000);
  console.log('end');
};
start();
登入後複製

執行上面的程式碼,你會發現,控制台先輸出start,稍等3秒後,輸出了end。

三、注意事項

1、await 指令只能用在async 函數之中,如果用在普通函數,就會報錯。

async function dbFuc(db) {
 let docs = [{}, {}, {}];
 // 报错
 docs.forEach(function (doc) {
  await db.post(doc);
 });
}
登入後複製

2、await 表示在這裡等待promise回傳結果了,再繼續執行。

var sleep = function (time) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      // 返回 ‘ok'
      resolve('ok');
    }, time);
  })
};
var start = async function () {
  let result = await sleep(3000);
  console.log(result); // 收到 ‘ok'
};
登入後複製

3、await 後面跟著的應該是一個promise物件。

如果是同步執行的程式碼沒有必要使用 await 修飾了。

4、await 只能使用在原生語法中,例如在 forEeach 結構中使用 await 是無法正常運作的,必須使用 for 迴圈的原生語法。

async function dbFuc(db) {
 let docs = [{}, {}, {}];
 // 可能得到错误结果
 docs.forEach(async function (doc) {
  await db.post(doc);
 });
}
登入後複製

如果確實希望多個請求並發執行,可以使用 Promise.all 方法。

async function dbFuc(db) {
 let docs = [{}, {}, {}];
 let promises = docs.map((doc) => db.post(doc));
 let results = await Promise.all(promises);
 console.log(results);
}
登入後複製

四、錯誤捕獲

#既然.then(..)不用寫了,那麼.catch(..)也不用寫,可以直接用標準的try catch語法捕捉錯誤。

var sleep = function (time) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      // 模拟出错了,返回 ‘error'
      reject('error');
    }, time);
  })
};
var start = async function () {
  try {
    console.log('start');
    await sleep(3000); // 这里得到了一个返回错误
    
    // 所以以下代码不会被执行了
    console.log('end');
  } catch (err) {
    console.log(err); // 这里捕捉到错误 `error`
  }
};
登入後複製

我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

vue計算屬性與監聽器案例程式碼分析

vuex與元件共同使用步驟詳解

以上是node Async/Await 非同步編程實現詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板