什么是Promise

Promise 是一个对象，它代表了一个异步操作的最终完成或者失败。它接受一个回调函数，称之为executor，参数为resolve和reject。前者用于修改当前promise对象为成功状态，后者则是修改为失败状态。

修改为成功状态

const promise = new Promise => { resolve})

修改为失败状态

const promise = new Promise => { reject})

使用Promises会带来两个好处

1. 避免回调地狱
2. Promise创建和Promise处理的解耦

接下来会详细说明

回调地狱

promise提供了一种链式的结构，用于解决之前js存在的因为多层回调嵌套导致的回调地狱情况

doSomething { doSomethingElse { doThirdThing { console.log;},failureCallback);},failureCallback);},failureCallback);

因为嵌套层级和代码复杂度的提高，阅读难度会很高。

使用promise，则能 成

doSomething .n => doSomethingElse) .n => doThirdThing) .n => { console.log;}) .catch，按理说，

Promise 了返回值的传递方式——原版是通过嵌套来层层传递。Promise 是通过返回值来传递。可以看到通过promise的 降低了嵌套的层级，提高了代码的可读性。即使有很多的.n，阅读顺序也是向下且每次处理的操作是很清晰的。

Promise创建和Promise处理的解耦

若采用旧式的回调写法，则创建和处理是立刻发生的，无法做到先创建。接下来在指定的时间处理

// 成功的回调函数function successCallback { console.log;}// 失败的回调函数function failureCallback { console.log;}// 传入处理成功的函数和失败的函数，接下来直接执行createAudioFileAsync;怎么说呢，

采用Promise。则能实现二者的解耦

const audioPromise = createAudioFileAsync;// 渲染 UI、处理别的操作等// 可以在任意时刻、任意地方绑定处理函数function successCallback { console.log;}// 失败的回调函数function failureCallback { console.log;}audioPromise.n;

如何使用 Promise

.n

.n是对Promise对象的具体操作函数，他接受两个回调函数。分别为onFulfilled和onRejected——前者用于处理fulfilled的Promise对象，后者则是rejected的Promise对象。

.n支持链式写法，它接受一个promise，根据promise状态处理它。接下来包装成新的Promise传递给下一个.n

例

doSomething .n => fetch) .n => res.json) .n => { listOfIngredients.push;}) .n => { console.log;})，

.catch 与错误处理

.n具有穿透性。 若一条.n链没有用于处理rejected的Promise对象，则会让错误一路传递下去，最终静默消失。老实说，

为了避免这种情况。引入了catch，它是用于处理rejected的Promise对象的函数。fulfilled 的 Promise 会跳过 .catch，直接传给下一个 .n。catch处理后会返回fulfilled的Promise对象。但若未能处理，则错误会继续向下穿透。

注：catch的写法等价于 .n

例：catch处理掉错误后

Promise.reject .catch => { console.log;// 捕获到错误：出错了 // 正常执行完，没有抛出新错误 }) .n => { console.log;// 这里会执行 })，

`输出`

捕获到错误：出错了链继续执行了

`

Promise.reject .catch => { throw new Error;}) .n => { console.log;}) .catch => { console.log;message")，// 这里才会执行：catch里又出错了 });

`

.all

用于同时执行多个异步函数，但其中一个失败则全部失败。 . n 收到的参数是一个数组。顺序跟传入的顺序一致，不管哪个先完成。

 Promise . all,func2。func3 ] ) . n => { /* 使用 result1 、 result2 和 result3 */ });

.allSettled

 Promise . allSettled,func2。func3 ] ) . n => { // results 是一个数组，每项长这样 ： // { status : "fulfilled",value : ... } // 成功 // { status : "rejected",reason : ... } // 失败 });

async/await

 doSomething . n => fetch ) . n => res . json ) . n => { listOfIngredients . push;}) . n => { console . log;})，

 async function logIngredients { const url = await doSomething;const res = await fetch;const data = await res . json;listOfIngredients . push;console . log;} 

时序

 const promise = new Promise => { console . log;resolve，}). n => { console . log;})，setTimeout => { console . log;},)，console . log;

输出

`Promise 执行函数

Promise {}

Promise 回调

新一轮事件循环：Promise

---