等待完成任务

当任务需要较长时间才能完成时，我们可能需要一个机制来跟踪任务的进度并通知我们何时完成。JavaScript 提供了几种方法来实现此目的，包括 setTimeout()、setInterval() 和 Promise。

setTimeout()

setTimeout() 方法允许我们延迟指定毫秒数后执行代码。它接受两个参数：一个回调函数和一个延迟时间。回调函数将在延迟时间后执行。

    setTimeout(() => {// 任务已完成}, 1000); // 1000 毫秒后执行

setInterval()

setInterval() 方法类似于 setTimeout()，但它会每隔指定毫秒数执行回调函数一次。它接受两个参数：一个回调函数和一个时间间隔。

    setInterval(() => {// 每 1000 毫秒执行一次}, 1000);

Promise

Promise 是一种处理异步操作的机制。它表示一个最终将完成或失败的操作。我们可以使用 then() 方法为 Promise 添加处理程序，并在 Promise 成功或失败时执行代码。

    const promise = new Promise((resolve, reject) => {// 在任务完成后调用 resolve() 或 reject()});promise.then((result) => {// 处理成功的结果},(error) => {// 处理错误});

最佳实践

在使用这些方法时，需要注意以下最佳实践：

• 清晰地命名任务，以便于理解。
• 避免使用延迟时间过长的 setTimeout() 或 setInterval()，因为这会阻塞主线程。
• 使用 Promise 处理异步操作，以获得更好的可读性和可维护性。
• 在 Promise 中提供有意义的错误信息，以便于调试。
• 进行单元测试以确保任务按预期工作。

示例

以下是一个使用 setTimeout() 和 Promise 的示例，用于模拟一个耗时的任务：

    const task = () => {return new Promise((resolve, reject) => {setTimeout(() => {resolve('任务完成');}, 1000);});};task().then((result) => {console.log(result); // "任务完成"});

结论

通过使用 setTimeout()、setInterval() 和 Promise，我们可以轻松地处理 JavaScript 中的耗时任务并跟踪其进度。通过遵循最佳实践，我们可以确保我们的代码高效、可读和可维护。