javascript 的异步功能非常酷 ?，但是选择正确的循环来处理这些异步任务可能会产生很大的不同。让我们用一点乐趣来分解 for…of 和 foreach 之间的区别 ?
1。带有异步函数的 for…of 循环
将 for…of 循环想象为您超级勤奋的朋友，他耐心地等待您完成一项任务，然后再开始下一项任务。这就像在开始下一个任务之前等待咖啡冲泡一样。
for (const item of items) { await dosomethingasync(item);}
假设您有一系列任务，每个任务都返回一个有延迟的已解决的 promise：
function dosomethingasync(item) { return new promise((resolve) => { settimeout(() => resolve(`processed ${item}`), 1000); });}async function processitemssequentially(items) { for (const item of items) { try { const result = await dosomethingasync(item); console.log(result); } catch (error) { console.error(`oops! error with ${item}:`, error); } }}const items = ['task 1', 'task 2', 'task 3'];processitemssequentially(items);
processitemssequentially 等待每个 dosomethingasync 调用完成，然后再继续处理下一个项目。
为什么你会喜欢它：
?️ 耐心：它等待每个异步任务完成后再继续。这都是关于有序的生活。
立即学习“Java免费学习笔记（深入）”；
? 错误处理：您可以轻松捕获并处理循环内的错误。
? 适合：当您需要按顺序完成事情时 – 例如做饭时，在混合面糊之前无法烘烤蛋糕 xd。
2。 foreach 与异步函数
另一方面，foreach 就像一群同时开始任务的朋友。他们很兴奋并希望尽快完成。他们不在乎一个人是否比其他人先完成；他们不在乎。他们只是去追求它！
items.foreach(async (item) => { await dosomethingasync(item);});
让我们使用相同的 dosomethingasync 函数，但使用 foreach：
async function processItemsConcurrently(items) { items.forEach(async (item) => { try { const result = await doSomethingAsync(item); console.log(result); } catch (error) { console.error(`Whoops! Issue with ${item}:`, error); } });}const items = ['Task A', 'Task B', 'Task C'];processItemsConcurrently(items);
processitemsconcurrent 同时启动所有 dosomethingasync 调用，因此所有任务并行运行。
为什么有趣：
?♂️?♀️ 并行执行：所有任务同时启动，速度可能超级快，但有点混乱。
✂️ 更简单的语法：通常比 for…of 更短、更简洁。
? 完美适用于：当任务不相互依赖并且可以独立执行时，例如从多个 api 获取数据。
记住：
for…of 是你的有序朋友，正在等待轮到他们。
foreach 就是同时介入并快速完成工作。
for…of 让你可以一一捕获错误，干净利落。
foreach 可以让你即时处理错误，比如同时处理多个球。
for…of 可能会慢一点，但是整齐有序。
如果你能适应混乱并且任务不重叠，foreach 会更快。
根据您需要秩序和耐心还是速度和刺激来选择适合您需求的循环！ ??
以上就是JavaScript 中的异步循环：forof 与 forEach的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1490993.html
微信扫一扫 
支付宝扫一扫 
