如何正確地將 setTimeout() 合併到 Promise 鏈中？-js教程-PHP中文網

首頁

web前端

js教程

如何正確地將 setTimeout() 合併到 Promise 鏈中？

Susan Sarandon

Oct 31, 2024 pm 04:02 PM

How to Properly Incorporate setTimeout() into Promise Chains?

在 Promise 鏈中使用 setTimeout()

使用 Promise 時，了解如何處理 Promise 鏈中的非同步操作至關重要。在給定的程式碼片段中，目的是延遲承諾鏈中後續請求的執行。但是，直接在 .then() 處理程序中使用 setTimeout() 可能會導致問題。

為什麼 setTimeout() 失敗

在您的程式碼中，setTimeout() 是在第二個要求的 .then() 處理程序中使用。但是，這種方法會破壞 Promise 鏈，因為 .then() 處理程序的回傳值不是 Promise。 setTimeout() 回呼包含要連結的 Promise，在其自身上下文之外無法存取。

使用延遲函數的解決方案

維護Promise 鏈，您可以建立一個返回Promise 的單獨延遲函數：

<code class="javascript">function delay(t, val) {
    return new Promise(resolve => setTimeout(resolve, t, val));
}</code>

然後，在Promise 鏈中使用延遲函數：

<code class="javascript">return delay(1000).then(function() {
    return getLinks(globalObj["two"] + ".txt");
});</code>

這會從.then 傳回一個Promise () 處理程序，確保延遲執行後續請求。

替代使用Promise.prototype.delay

另一種選擇是使用Promise 物件進行擴展延遲方法：

<code class="javascript">Promise.prototype.delay = function(t) {
    return this.then(function(val) {
        return delay(t, val);
    });
}</code>

使用此方法，您可以直接在您的Promise 上呼叫.delay()：

<code class="javascript">Promise.resolve("hello").delay(500).then(function(val) {
    console.log(val);
});</code>

這兩種方法都確保Promise 鏈得到正確維護，並且後續請求將在指定的延遲後執行。

以上是如何正確地將 setTimeout() 合併到 Promise 鏈中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

PHP教程

1596

276

Related knowledge

在打字稿中的高級條件類型 Aug 04, 2025 am 06:32 AM

TypeScript的高級條件類型通過TextendsU?X:Y語法實現類型間的邏輯判斷，其核心能力體現在分佈式條件類型、infer類型推斷和復雜類型工具的構建。 1.條件類型在裸類型參數上具有分佈性，能自動對聯合類型拆分處理，如ToArray得到string[]|number[]。 2.利用分佈性可構建過濾與提取工具：Exclude通過TextendsU?never:T排除類型，Extract通過TextendsU?T:never提取共性，NonNullable過濾null/undefined。 3

微觀前端體系結構：實施指南 Aug 02, 2025 am 08:01 AM

Microfrontendssolvescalingchallengesinlargeteamsbyenablingindependentdevelopmentanddeployment.1)Chooseanintegrationstrategy:useModuleFederationinWebpack5forruntimeloadingandtrueindependence,build-timeintegrationforsimplesetups,oriframes/webcomponents

JavaScript中的VAR，LET和CONST之間有什麼區別？ Aug 02, 2025 pm 01:30 PM

varisfunction-scoped,canbereassigned,hoistedwithundefined,andattachedtotheglobalwindowobject;2.letandconstareblock-scoped,withletallowingreassignmentandconstnotallowingit,thoughconstobjectscanhavemutableproperties;3.letandconstarehoistedbutnotinitial

什麼是JS中的可選鏈接（？）？ Aug 01, 2025 am 06:18 AM

可選的（？。）InjavascriptsafelyAcccessesnestedPropertiesByRoturningUndUndEfendEfinefinefinefineFanifThainisNullOrundEffined，deskingruntimeErrors.1.itallowssafealowssafeccesstodeeplynestedobjectedobjectproperties

生成可解的雙巧克力謎題：數據結構與算法指南 Aug 05, 2025 am 08:30 AM

本文深入探討瞭如何為“雙巧克力”（Double-Choco）謎題遊戲自動生成可解謎題。我們將介紹一種高效的數據結構——基於2D網格的單元格對象，該對象包含邊界信息、顏色和狀態。在此基礎上，我們將詳細闡述一種遞歸的塊識別算法（類似於深度優先搜索），以及如何將其整合到迭代式謎題生成流程中，以確保生成的謎題滿足遊戲規則，並具備可解性。文章將提供示例代碼，並討論生成過程中的關鍵考量與優化策略。

如何使用JavaScript從DOM元素中刪除CSS類？ Aug 05, 2025 pm 12:51 PM

使用JavaScript從DOM元素中刪除CSS類最常用且推薦的方法是通過classList屬性的remove()方法。 1.使用element.classList.remove('className')可安全刪除單個或多個類，即使類不存在也不會報錯；2.替代方法是直接操作className屬性並通過字符串替換移除類，但易因正則匹配不准確或空格處理不當引發問題，因此不推薦；3.可通過element.classList.contains()先判斷類是否存在再刪除，但通常非必需；4.classList

JavaScript中的類語法是什麼？它與原型有何關係？ Aug 03, 2025 pm 04:11 PM

JavaScript的class語法是原型繼承的語法糖，1.class定義的類本質是函數，方法添加到原型上；2.實例通過原型鏈查找方法；3.static方法屬於類本身；4.extends通過原型鏈實現繼承，底層仍使用prototype機制，class未改變JavaScript原型繼承的本質。

用故事書構建設計系統並進行反應 Jul 30, 2025 am 05:05 AM

首先使用npxstorybookinit在React項目中安裝並配置Storybook，運行npmrunstorybook啟動本地開發服務器；2.按功能或類型組織組件文件結構，在每個組件目錄下創建對應的.stories.js文件定義不同狀態的展示；3.利用Storybook的Args和Controls系統實現屬性動態調整，方便測試各種交互狀態；4.使用MDX文件編寫包含設計規範、可訪問性說明等內容的富文本文檔，並通過配置支持MDX加載；5.通過theme.js定義設計令牌並在preview.js

See all articles

如何正確地將 setTimeout() 合併到 Promise 鏈中？

熱AI工具

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題