js async await\
时间: 2023-09-20 19:05:21 浏览: 103
async/await 是 JavaScript 中用于处理异步操作的一种语法糖。
在传统的 JavaScript 中,我们可以使用回调函数或者 Promise 对象来处理异步操作。而 async/await 提供了一种更简洁、更易读的方式来处理异步代码。
通过在函数前面添加 `async` 关键字,我们可以将该函数标记为异步函数。在异步函数内部,可以使用 `await` 关键字来等待一个 Promise 对象的解析(即等待异步操作完成)。这样,代码会暂停执行,直到 Promise 被解析为完成状态。
以下是一个使用 async/await 的示例:
```javascript
async function getData() {
try {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
} catch (error) {
console.log('Error:', error);
}
}
getData().then(data => {
console.log(data);
});
```
在上面的示例中,`getData` 函数是一个异步函数,使用 `await` 关键字等待了一个 fetch 请求的结果。当请求完成时,数据会被解析,并通过 `return` 语句返回给调用者。同时,我们还使用 `try/catch` 块来捕获可能发生的错误。
通过调用 `getData` 函数,并在返回的 Promise 对象上使用 `then` 方法,我们可以获取到异步操作返回的数据。
这就是 async/await 在 JavaScript 中的基本用法。它使得处理异步操作更加直观和简单,避免了回调函数和 Promise 链的嵌套。
阅读全文