promise知识点

Promise概念：

它是一种用于异步编程的JavaScript技术。在传统的JavaScript编程中，异步操作通常使用回调函数进行处理，但这会导致嵌套的回调函数，造成代码可读性和可维护性的降低，即所谓的“回调地狱”。Promise通过提供一种更优雅的方式来处理异步操作，解决了回调地狱的问题。

Promise是一个对象，表示异步操作的最终完成（或失败）和它的结果值。

Promise对象有三种状态，他们分别是：

1.pending: 等待中，或者进行中，表示还没有得到结果
2.resolved(Fulfilled): 已经完成，表示得到了我们想要的结果，可以继续往下执行
3.rejected: 也表示得到结果，但是由于结果并非我们所愿，因此拒绝执行 

这三种状态不受外界影响，而且状态只能从pending改变为resolved或者rejected，并且不可逆

当异步操作完成时，Promise会从pending状态转换为fulfilled状态，并返回异步操作的结果；当异步操作失败时，Promise会从pending状态转换为rejected状态，并返回一个错误。

Promise的基本用法是使用Promise构造函数创建一个新的Promise对象，然后在该对象上调用then方法，指定异步操作完成后要执行的回调函数。如果异步操作完成，则调用fulfilled回调函数，如果异步操作失败，则调用rejected回调函数。Promise对象还提供了一些其他方法，如catch方法，用于捕获rejected状态的Promise。

为什么要使用promise：

最重要也是最主要的一个场景就是ajax和axios请求。通俗来说，由于网速的不同，可能你得到返回值的时间也是不同的，但是我们下一步要执行的代码依赖于上一次请求返回值，这个时候我们就需要等待，结果出来了之后才知道怎么样继续下去。 

Promise在实际环境中的应用非常广泛，例如处理AJAX请求、文件读取、定时器等。例如，可以使用Promise封装一个异步的AJAX请求：

function fetchData() {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://example.com/data');
    xhr.onload = function() {
      if (xhr.status === 200) {
        resolve(xhr.response);
      } else {
        reject(new Error(xhr.statusText));
      }
    };
    xhr.onerror = function() {
      reject(new Error('Network Error'));
    };
    xhr.send();
  });
}

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

async/await是ES2017中引入的异步编程语法糖，它基于Promise，并提供了一种更简洁、更直接的方式来处理异步操作。async/await允许在函数内部使用await关键字等待异步操作完成，并将其结果作为函数返回值。

使用async/await编写异步代码比使用Promise更加直观和简单。例如，上面的代码可以用async/await重写如下：
 

async function fetchData() {
  try {
    const response = await fetch('https://example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    throw new Error(error);
  }
}

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

可以看到，使用async/await可以使代码更加简洁、易读，但需要注意的是，async函数始终返回一个Promise对象，因此需要使用then和catch方法处理异步操作的结果。