循环调接口，异步转同步

最新推荐文章于 2024-08-05 16:48:56 发布

117jf

最新推荐文章于 2024-08-05 16:48:56 发布

阅读量762

点赞数 1

分类专栏：异步文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_55556204/article/details/120673250

版权

异步专栏收录该内容

1 篇文章

订阅专栏

这篇博客探讨了如何在JavaScript中使用async函数和await关键字处理异步操作，特别是结合axios库进行HTTP请求。文章通过一个示例展示了如何遍历数组并获取每个元素的数据，将结果收集到列表中。async函数确保了请求的顺序执行，而await则用于等待Promise的解析。同时，文章指出了await只能在async函数内部使用，并强调了其在处理异步流程控制中的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let list = []
(
	async () => {
		for( let i=0; i<arr.length; i++ ){
			await axios({
				method: 'post',
				url: '/user/12345',
				data: {}
			}).then(function(res) {
				if (res.code == 10001) {
					list = [...list,...res.list]
				}
			});
		}
		console.log(list)
	}
)();

async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。
async 函数中如果有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。
await 关键字仅在 async function 中有效。如果在 async function 函数体外使用 await ，你只会得到一个语法错误。
await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。