js promise 中使用 setTimeout 实现暂停执行的效果

下面是使用 JavaScript Promise 和 setTimeout 实现暂停执行的攻略。

理解 Promise

在介绍 Promise 怎样结合 setTimeout 实现暂停执行的方法前，我们需要先理解 Promise 的基本概念。

Promise 是异步编程的一种解决方案，它代表了一个异步操作的最终完成或失败状态，并且提供了一组用于处理状态变化的方法。一个 Promise 是为了处理异步操作而设计的，异步操作会在未来的某个时间点完成，而 Promise 可以在异步操作完成后处理它们的结果。

一般来说，Promise 有三种状态：Pending（等待中）、Fulfilled（成功）和 Rejected（失败）。当一个 Promise 还在等待处理时，它处于 Pending 状态；当 Promise 成功时，它处于 Fulfilled 状态；当 Promise 失败时，它处于 Rejected 状态。

使用 setTimeout 实现暂停执行

下面我们来看一下如何结合 Promise 和 setTimeout 实现暂停执行的方法。

首先我们定义一个函数 delay，它接受一个整数参数 time，表示需要暂停执行的时间（单位为毫秒）。

function delay(time) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve();
    }, time);
  });
}

上述代码中，我们使用 setTimeout 方法来模拟延迟执行时间。当 setTimeout 方法执行完成后，通过 Promise 的 resolve 方法来通知 Promise 已经完成当前异步操作。从而在异步操作完成后，可以进行后续的处理。

接下来我们可以使用 delay 函数来实现暂停执行的效果，例如：

console.log('Start');
delay(2000).then(() => {
  console.log('2 seconds passed');
});
console.log('End');

上述代码中，delay(2000) 的返回值是一个 Promise 对象，当它完成后，then 方法会被调用，执行 console.log('2 seconds passed')，从而在程序中阻止了 2 秒的执行。

再来看一个更加实际的例子：每隔一秒打印出数组中的每个元素。

const arr = [1, 2, 3];
const printWithDelay = item => {
  return delay(1000).then(() => {
    console.log(item);
  });
};
arr.reduce((prev, item) => {
  return prev.then(() => printWithDelay(item));
}, Promise.resolve());

在上述代码中，我们使用 reduce 方法逐个打印数组中的元素。在每个元素上设置定时器，将整个过程延时。这样就可以实现在程序中暂停执行的效果。

总结一下，在编写 JavaScript 代码时，结合 Promise 和 setTimeout 不仅可以实现异步操作，还能够控制代码执行的暂停和启动，使我们的代码更加灵活、更加符合实际需求。