Promise 与 Async/await_promise aiwat-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_29791893/article/details/106024352

一、Promise

Promise 是一个对象，从它可以获取异步操作的消息，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。

Promise对象有以下两个特点：

对象的状态不受外界影响。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。
一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。

Promise对象的基本语法：

let p = new Promise((resolve,reject) => {
  resolve('success');
  console.log('after resolve');
  reject('error');
});

p.then(result => {
  console.log(result); //success
});

p.catch(result => {
  console.log(result); //error
})

// 运行结果
// after resolve
// success

二、Async/await

async/await是基于Promise的，是为了解决大量复杂不易读的Promise异步的问题，才出现的改良版。注意如下：

async/await必须同时出现，缺一不可
async必须声明的是一个function，await必须在这个async声明的函数内部使用

async声明的函数的返回本质上是一个Promise，await的本质是可以提供等同于”同步效果“的等待异步返回能力的语法糖。

await后面应该跟着一个Promise对象，等待Promise返回结果后，再往下执行（其它也可以，只是会立即执行，就没有意义了）。即，用await声明的Promise异步返回，必须“等待”到有返回值的时候，代码才继续执行下去。demo举例：

const demo = async () => {
    let result = await new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('我延迟了一秒');
      }, 1000);
    });
    console.log('由于上面的程序还没执行完，先不执行，等待一会');
    return result;
  };
  // demo的返回当做Promise
  demo().then(result => {
    console.log('输出', result); // 输出 我延迟了一秒
  });