前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >js异步请求问题

js异步请求问题

作者头像
治电小白菜
发布于 2020-08-25 07:19:14
发布于 2020-08-25 07:19:14
3.9K00
代码可运行
举报
文章被收录于专栏:技术综合技术综合
运行总次数:0
代码可运行

问题: 后台的接口返回的是一个id,我需要的是那个id对应的详情数据,但是我用自己想的方法发现最后获取不到

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let arr = []
result.map(async v => {
  let b = await ctx.service.center.getDetails(id)
  arr.push(b)
}

之后打印arr是个空数组,所以还是存在异步问题

解决方法

首先想到的是,把promise存到数组,然后用Promise.all()把数据搞定

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let arr = []
result.map(async v => {
  let b = ctx.service.center.getDetails(id)
  arr.push(b)
}
Promise.all(arr).then(r => console.log(r))

然后了解了map遍历后直接会获取到数组

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
let arr = result.map(async v => {
  return ctx.service.center.getDetails(id)
}
Promise.all(arr).then(r => console.log(r))

最后全部简写

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const arr = await Promise.all(result.map(v => ctx.service.center.getDetails(id)))

相关资料

Promise.all()方法,返回的实例就是传入他里面的所有Promise的完成状态 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验