《吊打面试官》--如何处理循环中的异步

前言

      大家好，我叫张开心。我希望能够用通俗易懂的话语帮助前端新手快速入门。如果我在文章中有任何错误，请务必指出来，我们一起共同进步。

---

正文

处理循环中的异步其实就是为了考察如何正确的保证执行顺序并处理结果。

1.使用回调函数：

//注意是let
for (let i = 0; i < 5; i++) {
  doAsyncOperation(i, (result) => {
    console.log(`Result of operation ${i}: ${result}`);
  });
}

2.promise：循环将异步任务添加到一个数组，在使用promise.all操作。

const promises = [];
for (let i = 0; i < 5; i++) {
  promises.push(doAsyncOperation(i));
}

Promise.all(promises)
  .then((results) => {
    results.forEach((result, index) => {
      console.log(`Result of operation ${index}: ${result}`);
    });
  })
  .catch((error) => {
    console.error(error);
  });

3.使用async.await。在循环体内使用 await 关键字来等待每个异步操作的完成，并使用 try/catch 来捕获可能的错误

async function doAsyncOperations() {
  for (let i = 0; i < 5; i++) {
    try {
      const result = await doAsyncOperation(i);
      console.log(`Result of operation ${i}: ${result}`);
    } catch (error) {
      console.error(error);
    }
  }
}

doAsyncOperations();

---

话术总结

       个人认为是重中之重！！！

       在学习阶段，我们需要梳理知识点，以促进对内容的更好理解。但是在面试时，我们需要将这些知识点有条理地表达出来，避免给面试官一种零散的印象。这就需要通过练习来掌握合适的表达方式，不然就会有茶壶里倒饺子的感觉。

      在面试过程中，我建议尽量分点或者分步描述，这样既能保持思路的清晰，又能让面试官听得舒服。逐步划分话题并有条不紊地讲解，会使整个回答更易于理解和吸收。

       因此，为了在面试中表达得更加流畅，我们应该在训练中改善自己的话术，确保表达逻辑清晰、层次分明，这样既能更好地展示自己的知识水平，也能给面试官留下良好的印象。

这个东西略少，一句话带过的，就不整理了。