在JavaScript中延迟异步函数执行

简介

在本实验中，我们将探索如何在JavaScript中延迟异步函数的执行。通过使用 sleep 函数并返回一个 Promise，我们可以让 async 函数的一部分休眠一段时间，从而更好地控制和管理代码的执行。通过实际示例，我们将学习如何在实际场景中有效地实现此技术。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript(("`JavaScript`")) -.-> javascript/AdvancedConceptsGroup(["`Advanced Concepts`"]) javascript(("`JavaScript`")) -.-> javascript/ToolsandEnvironmentGroup(["`Tools and Environment`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") javascript/BasicConceptsGroup -.-> javascript/loops("`Loops`") javascript/BasicConceptsGroup -.-> javascript/functions("`Functions`") javascript/AdvancedConceptsGroup -.-> javascript/async_prog("`Asynchronous Programming`") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("`Debugging`") subgraph Lab Skills javascript/variables -.-> lab-28270{{"`延迟异步函数执行`"}} javascript/data_types -.-> lab-28270{{"`延迟异步函数执行`"}} javascript/comp_ops -.-> lab-28270{{"`延迟异步函数执行`"}} javascript/loops -.-> lab-28270{{"`延迟异步函数执行`"}} javascript/functions -.-> lab-28270{{"`延迟异步函数执行`"}} javascript/async_prog -.-> lab-28270{{"`延迟异步函数执行`"}} javascript/debugging -.-> lab-28270{{"`延迟异步函数执行`"}} end

如何在JavaScript中延迟异步函数的执行

要在JavaScript中延迟异步函数的执行，你可以使用下面的 sleep 函数，它返回一个 Promise，该 Promise 会在一定时间后 resolve。以下是一个如何使用 sleep 延迟 async 函数一部分执行的示例：

const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms)); async function sleepyWork() { console.log("我要睡1秒钟。"); await sleep(1000); console.log("1秒钟后我醒来了。"); }

要使用此函数，只需调用 sleepyWork()，控制台就会按顺序输出消息，两条消息之间间隔1秒钟。

延迟异步函数执行

简介

Skills Graph

如何在JavaScript中延迟异步函数的执行

总结

您可能感兴趣的其他 JavaScript 教程