Javascript async + axios 或者只是 axios，这就是问题所在

发布于09月16日

两者之间有区别吗？

useEffect(()=>{
  async function fetchData(){
    await axios
      .get(path, config)
      .then(resp=>console.log(resp))
      .catch(error=>console.log(error))
  }
  fetchData();
},[])

&amp；

useEffect(()=>{
  axios
    .get(path, config)
    .then(resp=>console.log(resp))
    .catch(error=>console.log(error))
},[])

有更推荐的还是比另一种折旧更多的？

就结果而言，两者都是一样的，"异步"是较新的，但除此之外，还有什么吗？

谢谢,

推荐答案

async通常与等待连用.通常，如果您不打算在函数中声明等待，就不需要使用Async.但是，如果设置为async，则可以使编写异步代码更加简洁.在第一个示例中

useEffect(()=>{
  async function fetchData(){
    await axios
      .get(path, config)
      .then(resp=>console.log(resp))
      .catch(error=>console.log(error))
  }
  fetchData();
},[])

.then和.catch子句是多余的，因为您可以轻松地以一种更简洁的方式重写下面的内容:

    useEffect(()=>{
      async function fetchData(){
       try{
        const result = await axios.get(path, config)
        console.log(result)
       }catch(e){
          console.log(e)
       }
      }
      fetchData();
    },[])

这最大限度地减少了进入"回调地狱"的机会，因为异步函数可以以同步方式编写，这取决于您的喜好，它更直观，并允许您直接从已声明的函数返回结果.

但是，当您不需要声明的函数的结果时，.then和.catch子句确实会派上用场，而且有时编写起来会更快.对于大多数开发人员来说，这归根结底是个人喜好，尽管如果你在云基础设施中开发，并使用AWS Lambda个函数，async/await变得更加必要，因为云开发的事件驱动型和功能性本质，在这种情况下，你不能真正轻松地保持状态.