JS async function await
时间: 2024-09-30 11:01:28 浏览: 24
在JavaScript中,`async` 和 `await` 是用于处理异步操作的关键特性,它们一起工作使得异步代码看起来更像同步,提高了代码的可读性和简洁性。
`async` 关键字用于声明一个函数是异步的,这意味着它可以返回一个Promise对象。当我们需要执行一些可能会阻塞的操作,如网络请求、文件读取等,我们会将其放在一个`async`函数中。
`await` 关键字则用于等待Promise解析完成。当你在一个`async`函数内部遇到`await`关键字,JavaScript会暂停当前任务,直到Promise的状态变为fulfilled(已成功)或rejected(出错)。当Promise解析后,`await`后面的表达式会被其结果替代,并继续执行后续的代码。
一个简单的例子:
```javascript
async function fetchData() {
try {
const response = await fetch('https://api.example.com/data');
if (response.ok) {
const data = await response.json();
console.log(data);
} else {
throw new Error('Failed to fetch data');
}
} catch (error) {
console.error(error);
}
}
```
在这个例子中,`fetchData`函数首先等待数据从API获取完成,然后解析响应并打印结果。如果过程中发生错误,它会捕获异常并在catch块中处理。
阅读全文