Axios 异步/等待流程

Question

我同时涉足 Axios 和 async/await 的领域，并试图了解有关控制流的一些信息。以下是合法的吗？

let loading=true;
(async() => {
  let response = null;
  try {
    response = await axios.get('https://whatever.com/api');
  } finally {
    loading=false;
  }
  if(response){
    //do something with response here
  }
  
  
})();

也就是说，我可以指望在我访问响应变量时返回的请求吗？我很感激我可以通过在 axios 获取后立即将其移入“尝试”来保证它，但是我必须在它之前以及“最终”（或“捕获”）中添加 loading=false 行。在任何进一步的操作之前，我需要确保加载设置为 false，无论请求成功还是失败，我不想重复自己。也许有更好的方法来做到这一点？

Answer 1

编辑

现在您已经更改了问题，之前的解决方案将无法正常工作。问题是 IIFE 内部的代码将在其他所有内容完成后执行，因此从外部代码的角度来看，loading 永远不会设置为false。 （其他代码将被执行，然后是 IIFE。这是因为事件循环）。最好的办法是让外部代码异步并等待 axios 承诺。

如果您提供问题详细信息，我或许可以帮助您重构它。

上一个答案

我需要确保在任何进一步操作之前将 loading 设置为 false

await 之后的任何代码都保证不会被加载：

(async() => {
  let response = await axios.get('https://whatever.com/api');  
  // the request is finished, the await guarantees that
})();

如果您需要错误处理，可以将其包装在 try/catch 中：

(async() => {
  try {
     let response = await axios.get('https://whatever.com/api');
     // definitely not loading
  }
  catch (e) {
     // definitely not loading, but an error occurred
  }
})();