3分钟看懂 Promise.all() 和 Promise.race():前端开发必备异步神器
2026/8/14 5:08:34 网站建设 项目流程

大家好呀,我是小米,一个喜欢研究技术,也喜欢把复杂知识讲成故事的程序员大哥哥~今天我们继续聊 JavaScript 异步世界里的“大明星”——Promise。

不知道大家有没有遇到过这样的场景:早上点了一杯奶茶,商家告诉你:“制作需要5分钟,做好后骑手送过来,送到后平台通知你取餐。”

看起来是一件简单的小事,但背后其实隐藏了一条完整流程:制作奶茶 → 骑手取货 → 骑手配送 → 用户签收,每一步都有自己的等待时间,而且下一步必须依赖上一步的结果。

在 JavaScript 世界里,这种“一个异步任务完成后,再触发另一个异步任务”的关系,就是今天要讲的核心:期约连锁(Promise Chain)和期约合成(Promise Composition),它们就像管理一个大型快递公司的调度系统,让多个异步任务能够井然有序地运行。

什么是期约连锁?

在 JavaScript 中,Promise 表示一个未来才会完成的操作,它有三种状态:

比如:

这里就像奶茶店接单:

  • 一开始:pending(正在制作)
  • 两秒后:fulfilled(制作完成)

但是现实业务往往不是这么简单。

比如:

这些操作是一条流水线,这时候,我们就需要期约连锁。

期约连锁:让异步任务排队执行

期约连锁就是:一个 Promise 返回另一个 Promise,让多个异步任务按照顺序执行。

来看一个例子:

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询