DEV Community
·
JavaScript Promise 一览
💡
原文约1200字/词，阅读约需5分钟。
📝
内容提要
JavaScript中的Promise用于处理异步操作，有三种状态：pending、fulfilled和rejected。通过`new Promise`创建对象，使用`resolve`和`reject`改变状态。`then()`处理成功，`catch()`处理失败。Promise链可顺序执行多个异步操作，并通过`then()`和`catch()`实现错误处理和结果传递。
🎯
关键要点
- JavaScript中的Promise用于处理异步操作，具有三种状态：pending、fulfilled和rejected。
- 通过`new Promise`创建Promise对象，使用`resolve`和`reject`改变状态。
- Promise的初始状态为pending，调用resolve()后变为fulfilled，调用reject()后变为rejected。
- 使用`.then()`处理成功的结果，使用`.catch()`处理失败的情况。
- Promise链可以顺序执行多个异步操作，确保结果传递和错误处理。
- Promise的`.then()`方法接受两个函数作为参数，分别处理fulfilled和rejected状态。
- Promise的`.catch()`方法用于处理rejected状态或内部错误。
- Promise链的使用示例包括数据获取、处理和显示，确保操作按顺序执行。
❓
延伸问答
JavaScript中的Promise是什么？
Promise用于处理异步操作，表示一个未来可能完成或失败的值。
Promise的三种状态是什么？
Promise有三种状态：pending（进行中）、fulfilled（已完成）和rejected（已拒绝）。
如何创建一个Promise对象？
通过`new Promise`构造函数创建，传入一个包含`resolve`和`reject`的回调函数。
Promise的.then()和.catch()方法有什么区别？
.then()用于处理成功的结果，.catch()用于处理失败的情况或错误。
Promise链是如何工作的？
Promise链允许顺序执行多个异步操作，通过.then()传递结果，.catch()处理错误。
Promise的状态如何改变？
调用`resolve()`将状态从pending变为fulfilled，调用`reject()`将状态变为rejected。
➡️
