Promise.then() 处理成功结果

最后更新:2026-09-09

Promise.then() 处理成功结果

then 注册 Promise 成功时的回调。返回新的 Promise,支持链式调用。

分类异步
ES 版本ES6

📝 语法

promise.then((值) => { 处理 });

⚙️ 参数

onFulfilled成功时的回调函数,接收 resolved 值。
onRejected可选。失败时的回调函数。

返回值:新的 Promise(支持链式调用)。

是否修改原值:否(返回新值)

▶ 示例

编辑下方代码,点击运行,在输出面板查看结果:

💡 提示 then 返回新 Promise,所以可以链式调用——每次 then 的返回值传给下一个。
⚠️ 警告 then 里忘记 return 会导致下一级拿到 undefined。

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
Promise.then() v32 v12 v27 v8 v19
所有现代浏览器均支持
更多实战案例即将上线,敬请期待。

📚 相关教程

❓ 常见问题

Qthen 的回调什么时候执行?
APromise resolve 之后(微任务队列中)。
Qthen 可以链式调用几次?
A不限——每次 then 返回新 Promise。
Qthen 和 async/await 哪个好?
Aasync/await 更简洁易读——新代码优先使用。
Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏