个人中心
gpt4 book ai didi

使用 Promise.all 同时发起多个请求

转载 作者：知者 更新时间：2024-03-13 07:44:10 31 4
gpt4 key购买 nike

博客园 @四季留歌。 前置技术条件：es6 Promise；es7 async、await

有时候不想在 async 函数中写太多 await 语句，例如：

const doSth = async () => {
  const response1 = await fetch('/api1')
  const json1 = await response1.json()
  const response2 = await fetch('/api2')
  const buffer = await response2.arrayBuffer()
  // ...
}

可以使用 Promise.all 来实现同时请求：

// 如果都是要转成 json
const urls = ['/api1', '/api2']
const doSth = async () => {
  const results = await Promise.all(urls.map(
    url => fetch(url).then(response => response.json()) // 注意这个箭头函数，是 map 所执行的
  ))
  console.log(results) // 俩 json
}

如果每个接口请求返回的数据格式要求不太一样的话，那就要稍微麻烦一点

const requests = [
  { url: '/api1', format: 'json' },
  { url: '/api2', format: 'arrayBuffer' }
]
const doSth = async () => {
  const results = await Promise.all(requests.map(
    request => {
      const { url, format } = request
      return fetch(url).then(response => response[format]()) // 注意此处使用计算属性来获取转换函数
    }
  ))
  console.log(results) // 一个 json，一个 arrayBuffer
}

31 4 0
文章推荐： Docker 与 K8S学习笔记（二十一）—— Pod生命周期、重启策略与健康检查
文章推荐： 使用 VSCode 创建 SpringBoot RESTful 增删改查接口项目并发布
文章推荐： Docker 与 K8S学习笔记（十五）—— 核心概念梳理
文章推荐： Redis学习笔记（三）redis 的键管理
知者
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com