Блог

Я одновременно погружаюсь в воды 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
  }
  
  
})();
  

То есть, могу ли я рассчитывать на возврат запроса в момент, когда я обращаюсь к переменной ответа? Я ценю, что мог бы гарантировать это, переместив его в «try» сразу после получения axios, но тогда мне нужно было бы иметь loading=false строку перед ним, а также в «finally» (или «catch»). Мне нужно убедиться, что для загрузки установлено значение false, прежде чем предпринимать какие-либо дальнейшие действия, независимо от того, выполняется ли запрос успешно или нет, и я не хочу повторяться. Может быть, есть лучший способ сделать это?

Редактировать

Теперь, когда вы изменили вопрос, предыдущее решение не будет работать корректно. Проблема в том, что код внутри IIFE будет выполнен после завершения всего остального, поэтому loading никогда не будет установлен false с точки зрения внешнего кода. (будет выполнен другой код, а затем IIFE. Это из-за цикла событий). Лучше всего сделать внешний код асинхронным и дождаться обещания axios.

Если вы предоставите подробную информацию о проблеме, я мог бы помочь вам ее реорганизовать.

Предыдущий ответ

Мне нужно убедиться, что для загрузки установлено значение false перед любыми дальнейшими действиями

Любой код после ожидания гарантированно НЕ загружается:

 (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
  }
})();