Verwenden von Async/Await mit .then()

Question

Ich bin etwas verwirrt vom Konzept von async/await, insbesondere im Vergleich zu .then() in Funktionen.

Ich arbeite derzeit mit einer einfachen React-App und erhalte einige Daten useEffect

Ich frage mich, denn fetch 返回 Promise ，为什么在执行以下示例时我不需要将任何内容标记为 async 或 await:

useEffect(() => {
    fetch("whatever").then(res => console.log(res));
  }, [])

Aber wenn ich mich entscheide, die await 时，我需要将代码包装在 asyncFunktion

auszuführen

useEffect(() => {
    // error, needs to be in an async function
    const res = await fetch("whatever");
  },[])

Ich schätze, mein Problem liegt tatsächlich darin, dass ich .then() 与使用 async await 链接之间有什么区别，为什么 .then() nicht auf irgendetwas warten muss, selbst wenn ich ein Versprechen bekomme? < /p>

Danke

Answer 1

要添加到@HEllRZA，then() 和 async/await 都可以用来处理 JavaScript 中的 Promise。 then() 是一种采用回调函数作为参数的方法，并允许您链接多个 then() 方法来按顺序处理响应。 Async/await 是一种在 JavaScript 中编写异步代码的新方法。