Promise.all

最新推荐文章于 2024-06-28 14:05:42 发布

一尾鱼汤

最新推荐文章于 2024-06-28 14:05:42 发布

阅读量158

点赞数 1

分类专栏：八股大法文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_42105170/article/details/137047246

版权

八股大法专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章讲述了如何使用async/await和Promise来顺序执行多个网络请求（如fetch），确保所有接口响应获取完毕后执行特定函数yourFunction()。示例代码展示了如何将fetchData1(),fetchData2(),fetchData3()依次执行并打印出Allpromiseshavebeenexecutedsequentially.。

摘要由CSDN通过智能技术生成

拿到顺序执行多个promise的请求结果

所有接口都执行完毕后的回调

就是排队执行

async function executeSequentially() {
 const promises = [fetchData1(), fetchData2(), fetchData3()];

 for (const promise of promises) {
    await promise;
 }

 // 在这里执行你的函数
 yourFunction();
}

// 假设这是三个网络请求的函数
function fetchData1() {
 return fetch('/api/data1').then(response => response.json());
}

function fetchData2() {
 return fetch('/api/data2').then(response => response.json());
}

function fetchData3() {
 return fetch('/api/data3').then(response => response.json());
}

// 你的函数
function yourFunction() {
 console.log('All promises have been executed sequentially.');
}

// 调用函数
executeSequentially();