当前位置: 首页 > article >正文

在promise中,多个then如何传值

在 JavaScript 中,Promise 的多个 .then()链式调用的,值可以通过返回值的方式,在多个 .then() 之间传递。这是 Promise 链式调用的核心机制。


基本原理:每个 then 接收上一个 then 的返回值

new Promise((resolve, reject) => {resolve(10); // 初始值
}).then((value) => {console.log("第一个 then 收到:", value); // 10return value * 2;}).then((value) => {console.log("第二个 then 收到:", value); // 20return value + 5;}).then((value) => {console.log("第三个 then 收到:", value); // 25});

输出:

第一个 then 收到: 10
第二个 then 收到: 20
第三个 then 收到: 25

每个 .then() 的返回值会作为下一个 .then() 的输入参数。


如果某个 then 返回的是 Promise?

如果某个 .then() 返回一个新的 Promise,那么下一个 .then() 会在该 Promise 成功解决(fulfilled) 后执行,并接收到它的 resolve 值。

new Promise((resolve) => resolve(10)).then((value) => {console.log("第一个 then:", value); // 10return new Promise((resolve) => setTimeout(resolve, 1000, value * 2));}).then((value) => {console.log("第二个 then(1秒后):", value); // 20});

多个异步操作串行执行(链式传值)

你可以利用这种特性来串行处理多个异步任务:

function step1(value) {return new Promise((resolve) => {setTimeout(() => {console.log("Step 1:", value);resolve(value + 1);}, 1000);});
}function step2(value) {return new Promise((resolve) => {setTimeout(() => {console.log("Step 2:", value);resolve(value * 2);}, 1000);});
}function step3(value) {return new Promise((resolve) => {setTimeout(() => {console.log("Step 3:", value);resolve(value - 5);}, 1000);});
}step1(5).then(step2).then(step3).then((finalResult) => {console.log("最终结果:", finalResult); // (5+1)*2 -5 = 7});

错误处理:catch 捕获链中任意错误

Promise.resolve(10).then((val) => {console.log(val);throw new Error("出错了!");}).then(() => {console.log("不会执行");}).catch((err) => {console.error("捕获错误:", err.message);});

小结:如何传值?

场景如何传值
同步返回值直接 return value
异步返回值return new Promise(...)
终止链或跳转抛出异常 throw error 或返回 rejected Promise
多个值传递?返回对象或数组,如 return { a, b }

示例:带多个值传递的 Promise 链

Promise.resolve({ name: "Alice", age: 10 }).then((person) => {person.age += 1;return person;}).then((person) => {console.log(`${person.name} 现在 ${person.age} 岁了`);});

如果你需要更复杂的流程控制,比如并行、条件分支等,也可以结合 Promise.allasync/await 来实现。

http://www.lryc.cn/news/2387335.html

相关文章:

  • TCP 三次握手过程详解
  • EPT(Efficient Prompt Tuning)方法,旨在解决提示调优(Prompt Tuning)中效率与准确性平衡和跨任务一致性的问题
  • 云原生安全核心:云安全责任共担模型(Shared Responsibility Model)详解
  • go并发与锁之sync.Mutex入门
  • [Java恶补day8] 3. 无重复字符的最长子串
  • LabVIEW教学用开发平台
  • Package Size Comparison – 6 Leads
  • python打卡day38
  • vLLM 核心技术 PagedAttention 原理详解
  • rpm安装jenkins-2.452
  • 《软件工程》第 2 章 -UML 与 RUP 统一过程
  • (转)Docker与K8S的区别
  • 服务器数据迁移
  • VB.NET与SQL连接问题解决方案
  • 商用密码 vs 普通密码:安全加密的核心区别
  • MYSQL中的分库分表及产生的分布式问题
  • 拥塞控制算法cubic 和bbr
  • 投影机三色光源和单色光源实拍对比:一场视觉体验的终极较量
  • 电子电气架构 --- 下一代汽车电子电气架构中的连接性
  • 解析极限编程-拥抱变化(第2版)笔记
  • 手写Tomcat(一)
  • 【机器学习基础】机器学习入门核心算法:支持向量机(SVM)
  • 定时清理流媒体服务器录像自动化bash脚本
  • Logi鼠标切换桌面失效
  • Go语言之匿名字段与组合 -《Go语言实战指南》
  • Linux 进阶命令篇
  • OpenCV CUDA模块图像处理------颜色空间处理之拜耳模式去马赛克函数demosaicing()
  • 2025年全国青少年信息素养大赛复赛C++集训(15):因子问题(题目及解析)
  • 如何通过仿真软件优化丝杆升降机设计
  • Vue3进阶教程:1.初次了解vue