首頁 > web前端 > js教程 > Promise 連結如何簡化非同步操作中的巢狀 Promise?

Promise 連結如何簡化非同步操作中的巢狀 Promise?

Barbara Streisand
發布: 2024-12-10 15:10:14
原創
287 人瀏覽過

How Can Promise Chaining Simplify Nested Promises in Asynchronous Operations?

揭開嵌套Promise

簡介

使用相互建構的非同步操作時,可能會出現巢狀操作時,可能會出現巢狀Promise。在提供的程式碼中,viewFile 函數使用 boxContentRequest 和 boxViewerRequest 發出多個網路請求。這些請求目前是在嵌套的 Promise 中建構的,使得程式碼難以遵循。

Chaining Promises

為了消除嵌套的 Promise,我們可以使用 Promise 鏈。這種技術讓我們以順序方式連接多個非同步操作,其中一個 Promise 的輸出成為下一個 Promise 的輸入。

重構程式碼

重建程式碼下面達到了想要的效果連結:

exports.viewFile = function (req, res) {
  var fileId = req.params.id;
  boxContentRequest('files/' + fileId + '/content', req.user.box.accessToken)
    .then(function (response) {
      // Return the next promise directly
      return boxViewerRequest('documents', { url: response.request.href }, 'POST');
    })
    .then(function (response) {
      // Return the final promise directly
      return boxViewerRequest('sessions', { document_id: response.body.id }, 'POST');
    })
    .then(function (response) {
      console.log(response);
    });
};
登入後複製

說明

說明

說明

// Option 1: Single-line syntax
somePromise
  .then((r1) => nextPromise)
  .then((r2) => anyValue);

// Option 2: Multi-line syntax
somePromise
  .then(function (r1) {
    return nextPromise;
  })
  .then(function (r2) {
    return anyValue;
  });
登入後複製

說明

說明在重構的程式碼中,我們直接從每個then 回呼回傳下一個Promise。這使我們能夠無縫連結承諾,確保執行流程遵循所需的順序。 通用承諾鏈模式承諾鏈的通用模式如下:兩個選項都將以anyValue 的值解析最終的promise。此模式提供了一種簡潔優雅的方式來連接非同步操作,簡化了程式碼結構並提高了可讀性。

以上是Promise 連結如何簡化非同步操作中的巢狀 Promise?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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