Promise 和 Async/await 在实际开发中的应用场景

当涉及到处理异步操作的实际开发场景时，Promise 和 Async/await 是常用的工具。下面是一些实际应用场景的示例：

1. AJAX 请求：在使用 AJAX 进行数据请求时，Promise 和 Async/await 可以帮助处理异步操作和处理返回的数据。你可以使用 Promise 封装 AJAX 请求，并使用 then() 和 catch() 方法处理成功和失败的情况。而使用 Async/await，你可以在异步函数中使用 await 关键字等待 AJAX 请求的结果，并以同步的方式处理返回的数据。

// Promise 示例
function makeAjaxRequest(url) {
   
  return new Promise(function(resolve, reject) {
   
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onload = function() {
   
      if (xhr.status === 200) {
   
        resolve(xhr.responseText);
      } else {
   
        reject(Error(xhr.statusText));
      }
    };
    xhr.onerror = function() {
   
      reject(Error('请求错误'));
    };
    xhr.send();
  });
}

makeAjaxRequest('example.com/data')
  .then(function(response) {
   
    console.log('请求成功:', response);
  })
  .catch(function(error) {
   
    console.log('请求失败:', error);
  });

// Async/await 示例
async function fetchData(url) {
   
  try {
   
    const response = await fetch(url);
    if (response.ok) {
   
      const data = await response.json();
      console.log('请求成功:', data);
    } else {
   
      throw new Error('请求错误');
    }
  } catch (error) {
   
    console.log('请求失败:', error);
  }
}

fetchData('example.com/data');

1. 多个并行异步操作：在需要同时进行多个异步操作的情况下，Promise 和 Async/await 可以帮助处理并行操作并等待所有操作完成。你可以使用 Promise 的 Promise.all() 方法来等待多个 Promise 对象的解析结果，或者使用 Async/await 和 Promise.all() 的结合来等待多个异步操作完成。

// Promise 示例
var promise1 = fetch('example.com/data1');
var promise2 = fetch('example.com/data2');

Promise.all([promise1, promise2])
  .then(function(responses) {
   
    // 处理所有异步操作的结果
    console.log('所有请求成功:', responses);
  })
  .catch(function(error) {
   
    console.log('请求失败:', error);
  });

// Async/await 示例
async function fetchData() {
   
  try {
   
    const promise1 = fetch('example.com/data1');
    const promise2 = fetch('example.com/data2');

    const responses = await Promise.all([promise1, promise2]);
    console.log('所有请求成功:', responses);
  } catch (error) {
   
    console.log('请求失败:', error);
  }
}

fetchData();

以上示例展示了 Promise 和 Async/await 在实际开发中的应用场景。它们可以更好地管理和处理异步操作，提供了更清晰、更可读的代码结构，以及更好的错误处理机制。无论是处理单个异步操作还是并行多个异步操作，Promise 和 Async/await 都是非常有用的工具。