利用 ES7 中的 await 三秒后才执行

随着前端技术的不断升级和发展，已经越来越多的开发人员开始使用 ES7 中的 await 关键字来控制异步代码执行的顺序。在本文中，我们将介绍如何利用 ES7 中的 await 关键字来实现三秒后才执行的效果，以及其详细的实现方法和学习指导。

什么是 await 关键字

在 ES7 中，我们可以使用 await 关键字来等待一个 Promise 对象被 resolve 或 reject 后再继续执行后面的代码。在使用同步的写法来处理异步代码时，使用 await 关键字可以让代码更加简洁易懂。

实现三秒后才执行

我们可以使用 await 关键字结合 setTimeout 来实现三秒后才执行的效果。具体实现方法如下：

// javascriptcn.com code example
async function sleep(ms) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve();
    }, ms);
  });
}
async function doSomething() {
  console.log("start");
  await sleep(3000);
  console.log("end");
}
doSomething();

我们定义了一个 sleep 函数来模拟等待时间，然后在 doSomething 函数中使用 await 来等待 sleep 函数执行完成后再执行 console.log("end")。

学习指导

使用 await 关键字可以让我们更加方便地控制异步代码的执行顺序，从而使代码更加简洁易懂。在实际的开发中，我们可以将其用于等待网络请求的结果完成后再执行后续的操作等。在我们的代码中，使用 await 关键字也可以让我们避免回调地狱等问题，从而使代码更加易读。

结论

本文介绍了如何利用 ES7 中的 await 关键字来实现三秒后才执行的效果，以及其详细的实现方法和学习指导。在实际的开发中，我们可以灵活运用 await 关键字来更好地控制代码的执行顺序和简化异步代码的处理。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67359e250bc820c5824f7dd2