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

在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.xdnf.cn/news/675361.html

相关文章:

  • sqli_labs第二十九/三十/三十一关——hpp注入
  • 《计算机组成原理》第 6 章 - 计算机的运算方法
  • 大模型的参数高效微调;大模型的对齐
  • Linux显示进程状态——ps命令详解与实战
  • 用C#最小二乘法拟合圆形,计算圆心和半径
  • chrome打不开axure设计的软件产品原型问题解决办法
  • 尚硅谷redis7 41-46 redis持久化之AOF异常恢复演示
  • 从零开始理解机器学习:知识体系 + 核心术语详解
  • 从中控屏看HMI设计的安全与美学博弈
  • FileZillaServer(1) -- 记录
  • Git 克隆别人的远程仓库以后,推到自己的远程仓库
  • BSRN地表基准辐射网数据批量下载
  • SQL基础教程:第一章与第二章内容总结(新手入门指南)
  • 文档注释:删还是不删
  • 关于 smali:3. Smali 与 APK 结构理解
  • LWIP 中,lwip_shutdown 和 lwip_close 区别
  • 深入剖析Java CompletableFuture:原理、陷阱与高并发场景优化指南
  • R语言基础| 可视化初探(ggplot2)
  • 预测式外呼与自动外呼的区别
  • 【博客系统】博客系统第十弹:实现对数据库存储的用户密码进行加密功能、更新登录接口的密码校验功能
  • 【监控】pushgateway中间服务组件
  • openresty+lua+redis把非正常访问的域名加入黑名单
  • threejs顶点UV坐标、纹理贴图
  • SQL Server 和 MySQL 对比
  • 实现单例模式的6种方法(Python)
  • 开源多模态新标杆——BAGEL本地部署教程:7B参数撬动万亿数据
  • 《算法和数据结构》算法篇
  • 车载通信网络 --- OSI模型:网络层
  • SQL 查询慢的常见原因分析
  • 【新品发布】嵌入式人工智能实验箱EDU-AIoT ELF 2正式发布