Promise 是 JavaScript 处理异步的核心机制,通过 pending/fulfilled/rejected 三种不可逆状态封装未来操作,支持 .then()/.catch() 链式调用、Promise.all()/race() 并发协调及 async/await 语法糖简化异步流程。

Promise 是 JavaScript 中处理异步操作的核心机制,它让原本容易陷入“回调地狱”的代码变得更清晰、更易维护。核心思路是:用一个对象表示“未来才会完成的操作”,并提供统一的链式方式来处理成功或失败的结果。
Promise 的基本创建和状态
每个 Promise 实例有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败)。状态一旦改变就不可逆。
用 new Promise((resolve, reject) => {…}) 创建,执行器函数立即运行 调用 resolve(value) 将状态变为 fulfilled,value 成为后续 .then() 的参数 调用 reject(reason) 将状态变为 rejected,reason 会被 .catch() 或 .then(null, fn) 捕获
用 .then() 和 .catch() 处理结果
.then() 接收两个可选函数:第一个处理成功值,第二个处理失败原因(但推荐统一用 .catch())。
.then(onFulfilled):只关心成功,返回新 Promise,支持链式调用 .catch(onRejected):捕获前面任意环节抛出的错误或 reject,推荐放在链末尾 例如:fetch(‘/api/data’).then(res => res.json()).then(data => console.log(data)).catch(err => console.error(‘请求失败:’, err))
Promise.all() 和 Promise.race() 处理多个异步任务
当需要协调多个异步操作时,这两个静态方法非常实用。
立即学习“Java免费学习笔记(深入)”;
Promise.all([p1, p2, p3]):全部成功才 resolve,返回结果数组;任一失败则立即 reject Promise.race([p1, p2, p3]):谁先完成(无论成功或失败),就以它的结果为准 注意:Promise.all() 中如果有非 Promise 值,会自动包装成 resolved 状态的 Promise
async/await:Promise 的语法糖
async 函数内部可以使用 await 暂停执行,等待 Promise 完成,写法更接近同步逻辑。
函数前加 async,返回值自动包装为 Promise await 只能在 async 函数内使用,后面跟 Promise,会“等”它 settle 后继续执行 错误用 try/catch 捕获,比 .catch() 更直观,例如:async function loadData() { try { const data = await fetch(‘/api’).then(r => r.json()); console.log(data); } catch (e) { console.error(e); } }
基本上就这些。掌握 Promise 的状态流转、链式调用和组合方法,再配合 async/await,就能稳妥地应对绝大多数异步场景。
以上就是如何使用promise_javascript中处理异步操作?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543721.html
微信扫一扫
支付宝扫一扫