Promise原理、手写与 async、await

. 为什么需要 Promise？

JavaScript 是单线程语言。为了避免阻塞 UI，大量操作被设计为异步。早期使用回调函数但多个异步任务嵌套会导致“回调地狱”：

getUser => {
getPosts => {
getComments => {
console.log;})，});})，

小结：回调函数的缺点

• 嵌套复杂。
• 难以管理错误。
• 可读性差。

Promise 通过状态机和链式调用将异步代码写得像同步一样清晰，解决了回调地狱、错误处理困难和难以组合的问题。其实，

. Promise 主要概念

三种状态

状态	含义	触发方式	是否可逆
pending	初始状态。未完成	new Promise	可变为 fulfilled/rejected

fulfilled 操作成功调用 resolve>不可变

>rejected >操作失败>调用 reject>不可变

小结：Promise 的状态特性 /p>

• 从 >pending >转为 >fulfilled 或 >rejected >后状态不能再变。
• >resolve » → 将状态变为 < code>>fulfilled >.
• >reject » → 将状态变为 < co de>>rejected < /co de>>.
> /ul>

>实例方法 /p>

const p = new Promise => {
setTimeout => resolve,);})，p.n(
value => console.log,//成功回 调
reason => console.error
//失败回 调
).catch(error => {
//捕获链上任何未处理的 错误
}).finally => {
//无论成败都执行
});/cod e>

>promise执行流程图 /h4>

小结：实例方法 / strong>

1. >n : 接收 >fulfilled 和 < co de>>rejected >回调。 返回新的 Promise . /li>
2. >catch : 用于捕获链中的失败（代替 >n
3. >finally : 无论成功或失败都执行，不改变返回值。/li> /ol>

>Promise 的回调是 >异步执行的，会被放入 >微任务队列。优先级高于宏任务（如 < cod e>>setTimeout ). / p>

>示例这方面，/h4>

console.log;setTimeout => console.log,);Promise.resolve.n => console.log);console.log，//输出顺序：
/co de>

>小结：事件循环与 Promise 的关系 /str ong>

1. 同步代码 →微任务队列 →宏任务队列。/li>
2. >Promise 的 < cod e>>n )/>回调属于强 />微任务,优先级高于宏任务。/l i> /ol>

/h3>

>值传递与穿透

/h4>

每个 < co de>>n )/>返回一个新 Promise。上一个 < cod e ))/>n )/>的返回值会传递给下一个 <>cod e ))/>n <> : /p>

{ throw x })
//抛出错误
.catch(err =>
err + )
//捕获错误,返回
.n;//输出 )
/code>

如果 <>cod e ))/) n )/)没有传入回调,值会穿透： /p>

console.log);//输出 )
/code>

从>场景示例来看，异步加载资源 /h5>

fetch)
//模拟异步数据请求
.n(res =>
res.json)
.n(data =>
console.log)
.catch(err =>
{ console.error;})，/code>

错误处理常用方法

/h4>

• 始终使用 <>cod e /. catch )/>而不是<>co d ede /. n />的第二个参数：

=""

pre/> pre/> pre/> br/> br/> br/>

。

---