async await promise

最新推荐文章于 2023-08-03 17:20:54 发布

ice-index

最新推荐文章于 2023-08-03 17:20:54 发布

阅读量249

点赞数

分类专栏： promise 文章标签： node.js

本文链接：https://blog.csdn.net/m0_65169658/article/details/124333347

版权

promise 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

async await promise 三者的关系

async简单介绍

在函数声明前使用async关键词修饰说明函数中有异步操作

await简单介绍

等待后面的代码执行完毕再继续向下执行

####promise简单介绍

Promise 是一个对象，从它可以获取异步操作的消息，知道异步函数是完成了还是出错了。
axios返回的结果就是一个promise

拓展 catch

catch JavaScript的异常捕获机制，凡是在try语句块中的代码出错了，都会被catch捕获。

上面的代码就是说

buildData 这个函数被 async 修饰说函数中有异步操作
await 等待异步操作结果
如果有错误发生使用try catch 捕获异常

为方便起见用以下代码为例简单介绍下这几个东西的关系

async function buildData(name) {
      try {
        let response1 = await axios.get('/api/user?name=' + name);
        let userInfo = response1.data;
        
        let response2 = await axios.get('/api/topics?user_id' + userInfo._id);
        let posts = response2.data;
        // i got it.
      } catch(err) {
        console.log(err);
      }  
    }
    
    buildData('xiaoming');

promise

Promise字面上讲，是一个承诺。这个承诺有三个状态

pending 进行中（还无法确定此刻为何状态）
fulfilled/reslove 已成功(以接受)
rejected 已失败(已拒绝)

**从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 **

Promise对象有以下两个特点:

对象的状态不受外界的影响。只有异步操作的结果可以决定当前是哪种状态。
状态一旦改变就不会再变，任何时候都可以得到这个结果。promise对象状态的改变只有两种情况，
- pending 到 fulfilled
- pending 到 rejected

只要这两种情况发生，状态就凝固了，不会再改变了，会一直保持这个结果，这时就定型了 resolved。
如果改变已经发生了，任何时候添加回调函数，得到的都是这个结果。

因为创建Promise对象时，回调函数中有resolve和reject两个参数，后续的resolved统一指的是fulfilled状态，不包括rejected状态

一个Promise对象一旦状态确定了，它的使命也就结束了。后面的代码都不应该再执行了，最好return resolve();
如果状态已经resolve了，再在后面抛出错误也是无效的，也不会改变状态为rejected，后面有异常也不会抛出。

Promise对象如何知道异步操作结果又如何传递

Promise对象如何知道异步操作的结果呢，那就是回调函数了，一个表示成功resolve，一个表示失败reject

Promise新建后，就会立即执行,返回一个Promise对象。
Promise构造函数需要一个函数作为参数，这个函数有两个参数，分别是resolve和reject，
它们是两个函数，由 JavaScript 引擎提供，不用自己部署

resolve: 把Promise状态从 pending 变为 resolved ，在异步操作成功时调用，并将异步操作的结果，作为参数传递出去
reject: 把Promise状态从 pending 变为 reject ，在异步操作失败时调用，并把错误作为参数传递出去
此外，reject方法的作用，也等同于抛出异常。reject的参数会被catch捕获。即便没有调用reject，如果执行过程中出错了，也会被catch捕获。

总结

异步操作成功时，把结果告诉resolve回调函数异步操作失败把错误告诉reject回调函数
resolve 和 reject 回调函数还有一个作用就是把结果传递出去

catch

catch 是 .then(null, rejection)的别名，用于指定发生错误时的回调函数。

一旦catch前面的任何一个Promise发生异常，都会被catch捕获，包括Promise函数创建的Promise，还有.then返回的Promise,甚至catch前面如果还有一个catch在这个catch抛出的异常也会被后一个catch捕获。

也就是说：
Promise对象的错误具有冒泡性质，会一直向后传递，直到被捕获为止，也即是说，错误总会被下一个catch语句捕获。

catch方法的通常写法：

promise.then().catch()
promise.then().then().catch()
promise.then().then().catch().then().catch()

promise两种静态方法

Promise.all() ：将多个Promise实例，包装成一个新的Promise实例。内部所有的Promise的状态都变成fulfilled，这个Promise状态才会变成fulfilled，返回值是一个数组，但是只要有一个 rejected 这个Promise对象就会变成rejected 返回第一个被reject的实例的返回值
Promise.race()：跟all方法一样，只是race就想是赛跑，谁先有结果，返回谁的结果。不会等到所有的Promise都执行完。

async和await

async函数是Generator函数的语法糖，将Generator的星号换成async 将yield换成await

Generator是一个状态机，封装了多个内部状态，执行 Generator 函数会返回一个遍历器对象，返回的遍历器对象，可以使用next依次遍历 Generator 函数内部的每一个状态。Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行。Generator 函数的执行必须靠执行器。

正常情况下，await命令是个Promise对象，如果不是会被转成一个立即 resolved的对象
async函数完全可以看作多个异步操作，包装成的一个 Promise 对象（因为await 函数返回的是Promise对象），而await命令就是内部then命令的语法糖。

正常情况下 async 函数中return结果会使Promise对象变为 resolved状态，返回值作为then方法回调函数的参数，而出错则会使Promise对象的变为reject状态，错误会被catch捕获。

因为 async函数相当于对多个Promise的封装，所以必须等到内部所有的await命令执行完，才会改变自己的状态为resolved，除非碰到return语句或者抛出了异常。
也就是说，正常情况下只有async函数内部的异步操作执行完，才会执行then后面的语句。