es6之promise、async函数

我不是女神ヾ 2022-04-05 07:18 219阅读 0赞

**promise**

`Promise`对象代表一个异步操作，有三种状态：`pending`（进行中）、`fulfilled(`resolved`)`（已成功）和`rejected`（已失败）。

就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，`Promise`对象提供统一的接口，使得控制异步操作更加容易。then方法回调中需要获取异步操作中的值，并且依赖于promise对象的resolved或者rejected抛出的对象

**Promise 新建后就会立即执行。**

**async函数**

用来表示函数是异步的，定义的函数会返回一个promise对象，可以使用then方法添加回调函数。

async function asyFun() {
        return '----';
    }
    
    asyFun().then(val => {
        console.log(val);// '----'
    });
    若 async 定义的函数有返回值，return '----';相当于Promise.resolve('----'),没有声明式的 return则相当于执行了Promise.resolve();

await 可以理解为是 async wait 的简写。await 必须出现在 async 函数内部，不能单独使用。

await 后面可以跟任何的JS 表达式。虽然说 await 可以等很多类型的东西，**但是它最主要的意图是用来等待 Promise 对象的状态被 resolved**。如果await的是 promise对象会**造成异步函数`停止`执行并且`等待` promise 的解决**,如果等的是正常的表达式则立即执行。