Promise.all

Promise.all使用与异步操作

最新推荐文章于 2025-06-07 21:31:47 发布

原创最新推荐文章于 2025-06-07 21:31:47 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

接口数据的异步请求专栏收录该内容

11 篇文章

订阅专栏

该博客介绍了JavaScript中Promise.all()的用法，通过示例展示了如何等待多个Promise对象同时完成，并在所有Promise都成功解析后执行回调，输出‘终于等到你~’以及解析的数据。

function returnPromiseAll() {
  const p1 = new Promise((resolved, rej) => {
    setTimeout(() => {
      resolved('第一次')
    }, 2000)
  })
  const p2 = new Promise((resolved, rej) => {
    setTimeout(() => {
      resolved('第二次')
    }, 4000)
  })

  return Promise.all([p1, p2])
}

function getPromiseData() {
  console.log(returnPromiseAll()) // Promise对象
  returnPromiseAll().then(data => { // 数据
    console.log('终于等到你~')
    console.log(data)
  })
}

getPromiseData()