我正在使用异步/等待，但它仍然在另一段代码后记录

Question

我想同步使用Fetch API，所以我把它包装在async/await中，对于测试我console.log一些文本之后，仍然这个日志出现在Fetch调用的日志之前:

async function fetchData() {
const response = await fetch(
'fetch_url', {
method: 'GET'
}
);
return response.text();        
}
fetchData().then(response => console.log(response));
console.log("Second Log");

但是输出是:

> Second Log
> Some Response From The Server

Answer 1

您的第二个console.log必须封装在一个异步函数中以实现预期的行为。试试以下命令:

async function fetchData() {
const data = await fetch(
'fetch_url', {
method: 'GET'
}
).then(response => response.text())

console.log(data);
console.log("Second log");
}