延迟函数执行

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索 delay() 函数,它能让我们将给定函数的执行延迟指定的毫秒数。在需要在代码执行中添加暂停的场景下,此函数很有用,例如在处理动画或执行对时间敏感的任务时。通过本实验,我们将学习如何在 JavaScript 代码中有效地使用 delay() 函数。


Skills Graph

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

如何在 JavaScript 中延迟函数执行

要在 JavaScript 中延迟函数的执行,可以使用 setTimeout() 方法。具体做法如下:

  1. 打开终端/SSH 并输入 node 开始练习编码。
  2. 使用以下语法将函数 fn 的执行延迟 ms 毫秒:
const delay = (fn, ms, ...args) => setTimeout(fn, ms, ...args);
  1. 要将参数传递给函数,可像这样使用展开 (...) 运算符:
delay(
  function (text) {
    console.log(text);
  },
  1000,
  "later"
); // 一秒后输出 'later'。

通过这段代码,所提供的函数 fn 将在指定的毫秒数 (ms) 之后被调用。...args 参数允许你向函数传递任意数量的参数。

总结

恭喜你!你已经完成了“延迟函数执行”实验。你可以在 LabEx 中练习更多实验来提升你的技能。