JavaScript是一种编程语言，允许开发人员创建交互式网站。

JavaScript 的一个特点是它可以等待一定的时间，然后再继续执行代码。当您想要延迟代码的执行直到满足特定条件时，此功能非常有用。

立即下载：Java & JavaScript 简介

在这篇博文中，我们将探讨 wait（） 函数的作用以及如何在自己的项目中使用它。我们还将研究一些可能更适合您的项目的 wait（） 函数的替代方案。

让我们开始吧。

了解 JavaScript wait（） 函数

wait（） 函数是一个内置的 JavaScript 函数，它会导致程序暂停指定的时间。

wait（） 函数的语法如下：

wait( milliseconds)

wait（） 函数接受一个参数，即在继续之前等待的毫秒数。

例如，以下代码将等待 1 秒，然后再继续：

wait(1000);

wait（） 函数非常有用，如果你想在继续之前确保某个条件为真。

特别是，您可能需要在提交表单之前检查用户的输入是否有效。或者，您可能希望在尝试单击某个元素之前确保页面上存在该元素。在这些情况下，可以使用 wait（） 函数暂停代码的执行，直到满足条件。

执行 wait（） 函数

了解 wait（） 函数相对于代码其余部分的工作方式非常重要。

wait（） 函数是一个阻塞函数，这意味着它将阻止它后面的代码的执行。

例如，请考虑以下代码：

console.log('Hello, world!');wait(1000);console.log('Goodbye, world!');

在此代码中，将立即打印第一条消息。第二条消息将在 1 秒后打印。

这是因为 wait（） 函数会阻止执行它后面的代码。wait（） 函数之后的代码只会在指定的时间过后执行。

将 wait（） 与 API 结合使用

现在我们已经了解了 wait（） 函数的工作原理，让我们看一个如何在现实世界中使用它的示例。

假设您正在处理一个涉及与 API 交互的项目。API 的速率限制为每秒 10 个请求。

您希望确保不超过速率限制，因此决定使用 wait（） 函数。

您的代码可能如下所示：

 for (let i = 0; i < 100; i++) {
     // Make an API request
     wait(100); // Wait for 1/10th of a second
 }

在此代码中，我们将发出 100 个 API 请求。我们使用 wait（） 函数来确保我们在 1 秒内发出的请求不会超过 10 个。

这是一个简单的例子，但它说明了如何在实际情况下使用 wait（） 函数。

JavaScript 等待函数的替代方案

wait（） 函数有一些替代方法可能更适合您的项目。

设置超时（）

一种替代方法是 setTimeout（） 函数。setTimeout（） 函数是一个内置的 JavaScript 函数，它在指定的延迟后调用函数或执行代码片段。

setTimeout（） 函数的语法如下：

setTimeout(function, delay)

setTimeout（） 函数接受两个参数。第一个参数是要执行的函数。第二个参数是执行函数之前的延迟（以毫秒为单位）。

例如，以下代码将在 1 秒后调用 myFunction（） 函数：

setTimeout(myFunction, 1000);

setTimeout（） 函数类似于 wait（） 函数，但有一些关键区别。

首先，setTimeout（） 函数是非阻塞的。这意味着 setTimeout（） 函数之后的代码将立即执行，无论延迟如何。

其次，setTimeout（） 函数返回一个可用于取消计时器的值。如果要在延迟结束之前停止执行代码，这将非常有用。

setInterval（）

另一种选择是 setInterval（） 函数。setInterval（） 函数是一个内置的 JavaScript 函数，它以指定的时间间隔调用函数或执行代码片段。

setInterval（） 函数的语法如下：

setInterval(function, delay)

setInterval（） 函数也接受两个参数。第一个参数是要执行的函数。第二个参数是执行函数之前的延迟（以毫秒为单位）。

例如，以下代码将每 1 秒调用一次 myFunction（） 函数：

setInterval(myFunction, 1000);

与 setTimeout（） 一样，setInterval（） 函数也是非阻塞的。它还返回可用于取消计时器的值。一个区别是 setInterval（） 函数将继续以指定的时间间隔调用该函数，直到它被显式停止。

您应该使用哪个功能？

现在您已经了解了 wait（） 函数的一些替代方案，您可能想知道应该使用哪一个。

这真的取决于您的项目。如果您只需要暂停程序一段时间，那么 wait（） 函数可能是最佳选择。

如果需要在特定时间后调用函数，则 setTimeout（） 函数可能是更好的选择。

如果您需要定期调用函数，那么 setInterval（） 函数可能是更好的选择。

因此，无论您是刚刚开始使用 JavaScript，还是正在寻找一种更好的方法来处理等待页面加载，这些函数中的任何一个都很有用。