使用 `fetch` 结合 `async/await` 可以让异步请求更加简洁易读。下面是一个示例:
```javascript
async function fetchData() {
try {
const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
const data = await response.json();
console.log(data);
} catch (error) {
console.error(error);
}
}
fetchData();
```
在上述代码中,我们定义了一个名为 `fetchData` 的异步函数,并使用 `async/await` 来处理 `fetch` 请求。首先,我们使用 `await` 关键字等待 `fetch` 方法返回的 Promise 对象,并将其赋值给 `response` 变量。接着,我们使用 `await` 关键字等待 `response.json()` 方法返回的 Promise 对象,并将其解析成 JavaScript 对象,保存到 `data` 变量中。最后,我们打印出 `data` 对象。
需要注意的是,在使用 `fetch` 进行网络请求时,如果请求失败(如网络错误、404 等),则 `fetch` 不会抛出异常,而是返回一个状态码为 4xx 或 5xx 的响应对象。因此,我们需要在 `try/catch` 块中捕获可能的异常,并进行相应的处理。