async/await与promise应用场景

async/await与promise在异步编程中有不同的应用场景。

async/await是一种更直观、更易读的异步编程方式，它可以使异步代码在形式上更接近于同步代码。它通过使用async关键字定义一个异步函数，然后在函数内部使用await关键字来等待一个返回promise的表达式。这样可以避免回调地狱，使代码更加清晰和易于维护。

promise是一种更底层的异步编程方式，它可以处理更复杂的异步操作。promise是一个对象，它代表了一个异步操作的最终完成或失败，并可以返回一个值。promise提供了then()和catch()方法来处理异步操作的结果，可以链式调用多个then()方法来处理多个异步操作。

下面是async/await与promise的应用场景的示例：

1. 使用async/await处理异步请求：

async function makeRequest() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

makeRequest();

2. 使用promise处理并行异步操作：

function getData(url) {
  return new Promise((resolve, reject) => {
    fetch(url)
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(error => reject(error));
  });
}

Promise.all([
  getData('https://api.example.com/data1'),
  getData('https://api.example.com/data2'),
  getData('https://api.example.com/data3')
])
  .then(results => {
    console.log(results);
  })
  .catch(error => {
    console.error(error);
  });