在使用 async/await
时,需要确保标记为 async
的函数返回一个 Promise,因为 await
只能等待 Promise 的解析。同时,需要将 await
放在需要等待的异步操作之前,这样可以在异步操作完成前暂停代码的执行。
例如,下面的代码使用了 async/await
来等待异步函数的返回:
async function fetchData() {
const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
const data = await response.json();
console.log(data);
}
fetchData();
在这个例子中,我们使用了 fetch
函数来获取一个 JSON 数据,并使用了 await
来等待数据的返回。注意 fetch
函数返回的是一个 Promise,我们可以在接收到响应后对其进行解析。 在第二个 await
之前,代码会一直等待响应的解析完成才继续执行。
如果我们想同时执行多个异步操作,可以使用 Promise.all
方法来等待所有操作完成后再继续执行代码。例如:
async function fetchData() {
const [response1, response2] = await Promise.all([
fetch('https://jsonplaceholder.typicode.com/todos/1'),
fetch('https://jsonplaceholder.typicode.com/todos/2')
]);
const [data1, data2] = await Promise.all([response1.json(), response2.json()]);
console.log(data1, data2);
}
fetchData();
在这个例子中,我们同时调用了两个 fetch
函数,并使用 Promise.all
将它们合并为一个 Promise,并在返回后对它们进行解析。这样可以保证我们的代码在等待异步操作完成之后才继续执行。