js async await用法
时间: 2023-08-18 13:15:04 浏览: 87
深入理解JavaScript的async/await
async/await 是 JavaScript 中处理异步操作的一种语法糖,它可以让异步代码看起来更加像同步代码,使得代码的可读性和可维护性更好。
使用 async/await 的基本用法如下:
1. 在函数声明时使用 async 关键字,表示这个函数是一个异步函数。
```javascript
async function myAsyncFunction() {
// 异步操作
}
```
2. 在异步操作前使用 await 关键字,表示需要等待该异步操作完成。
```javascript
async function myAsyncFunction() {
await asyncOperation();
// 异步操作完成后的代码
}
```
3. 异步操作可以是一个返回 Promise 对象的函数调用,也可以是一个直接返回 Promise 对象的表达式。
```javascript
async function myAsyncFunction() {
await asyncFunctionReturningPromise();
// 异步函数调用完成后的代码
await new Promise((resolve, reject) => {
// 异步操作
});
// 异步操作完成后的代码
}
```
注意事项:
1. async/await 只能在异步函数内部使用,不可以在全局作用域中直接使用。
2. await 关键字只能在异步函数内部使用,并且只能在 Promise 对象前使用。
3. 使用 await 关键字等待一个 Promise 对象时,它会暂停函数的执行,直到这个 Promise 对象被 resolve 或 reject。
4. 可以使用 try/catch 块来捕获异步操作中的错误。
```javascript
async function myAsyncFunction() {
try {
await asyncOperation();
// 异步操作完成后的代码
} catch (error) {
// 处理错误
}
}
```
这样,通过 async/await 可以更加方便地处理异步操作,避免了回调地狱和嵌套过深的问题,使得代码更加清晰和易于理解。
阅读全文