正文

JavaScript 中暂停判断语句的方法：使用 `setTimeout` 或 `Promise` 结合 `async/await`。

/0 浏览量
0402

在 JavaScript 中，有时候我们需要在执行某些操作之前暂停代码的执行，以便进行条件判断或其他操作。以下将详细介绍如何使用 setTimeout 和 Promise 结合 async/await 来实现这一功能。

使用 setTimeout

setTimeout 是 JavaScript 中常用的一个函数，用于在指定的毫秒数后执行一个函数。以下是一个使用 setTimeout 暂停判断语句的例子：

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

async function checkCondition() {
  console.log('开始检查条件...');
  await delay(2000); // 暂停 2 秒
  if (/* 条件判断 */) {
    console.log('条件满足，执行操作...');
  } else {
    console.log('条件不满足，执行其他操作...');
  }
}

checkCondition();

在这个例子中，delay 函数返回一个 Promise 对象，该对象在指定的时间后调用 resolve 方法。在 checkCondition 函数中，我们使用 await 关键字等待 delay 函数执行完成，然后再进行条件判断。

使用 Promise 结合 async/await

除了 setTimeout，我们还可以使用 Promise 来实现暂停判断语句。以下是一个使用 Promise 结合 async/await 的例子：

function checkCondition() {
  return new Promise((resolve) => {
    console.log('开始检查条件...');
    setTimeout(() => {
      if (/* 条件判断 */) {
        console.log('条件满足，执行操作...');
        resolve('满足条件');
      } else {
        console.log('条件不满足，执行其他操作...');
        resolve('不满足条件');
      }
    }, 2000); // 暂停 2 秒
  });
}

async function performAction() {
  const result = await checkCondition();
  console.log(`条件结果：${result}`);
}

performAction();

在这个例子中，checkCondition 函数返回一个 Promise 对象，该对象在指定的时间后根据条件判断结果调用 resolve 方法。在 performAction 函数中，我们使用 await 关键字等待 checkCondition 函数执行完成，并获取条件判断结果。

总结

使用 setTimeout 和 Promise 结合 async/await 可以在 JavaScript 中实现暂停判断语句的功能。这两种方法各有优缺点，具体使用哪种方法取决于实际需求。

-- 展开阅读全文 --