settimeout promise async await

setTimeout 是 JavaScript 中的一个异步函数，用于在指定的时间间隔后执行一段代码。Promise 是 JavaScript 中的一种对象，用于处理异步操作的结果。Async/Await 是 JavaScript 中的一种语法，用于处理异步操作，使代码看起来像同步代码一样。可以与 Promise 结合使用。

相关问题

settimeout promise async/await 区别

setTimeout、Promise和async/await是JavaScript中处理异步操作的三种方式，它们之间有以下区别：

1. setTimeout是一个用于延迟执行的函数，它接受一个回调函数和延迟时间作为参数。当延迟时间到达后，回调函数会被执行。setTimeout并不会阻塞后续代码的执行，而是将回调函数放入任务队列中，在主线程空闲时执行。

2. Promise是一种用于处理异步操作的对象。它可以表示一个异步操作的最终完成或失败，并返回相应的结果或错误信息。Promise有三种状态：pending（进行中）、fulfilled（已完成）和rejected（已失败）。通过调用resolve函数将Promise从pending状态转为fulfilled状态，调用reject函数将Promise从pending状态转为rejected状态。可以通过then方法来处理Promise的结果。

3. async/await是ES8引入的一种处理异步操作的语法糖。async函数用于定义一个返回Promise对象的异步函数，await用于等待一个Promise对象的解析结果。使用async/await可以使异步代码看起来像同步代码，提高代码的可读性和可维护性。

promise async await 代码片段举例

下面是一个使用 Promise 和 async/await 两种方式实现异步操作的示例：

使用 Promise：

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = [1, 2, 3, 4, 5];
      resolve(data);
    }, 1000);
  });
}

fetchData().then(data => {
  console.log(data);
}).catch(error => {
  console.error(error);
});

使用 async/await：

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = [1, 2, 3, 4, 5];
      resolve(data);
    }, 1000);
  });
}

async function displayData() {
  try {
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

displayData();

在上面的示例中，fetchData 函数返回一个 Promise 对象，表示异步的数据获取操作。使用 then 方法或 async/await 来获取操作结果。

使用 async/await 可以让异步操作的代码更加简洁和易读。其中 async 关键字用来声明异步函数，await 关键字用来等待异步操作完成并获取其结果。同时，使用 try-catch 语句来处理可能出现的错误。