js里async await用法
时间: 2023-10-11 17:06:06 浏览: 156
在JavaScript中,async/await是一种用于处理异步操作的语法糖。它可以让我们以同步的方式来编写异步代码,使得代码更加清晰和易于理解。
使用async/await,我们可以在一个函数前面加上async关键字来定义一个异步函数。在异步函数内部,我们可以使用await关键字来等待一个返回Promise对象的表达式完成。
举个例子,如果我们想要计算3个数的值,然后将结果进行输出,我们可以这样做:
```javascript
async function testResult() {
let first = await doubleAfter2seconds(30);
let second = await doubleAfter2seconds(50);
let third = await doubleAfter2seconds(30);
console.log(first, second, third);
}
testResult();
```
在上面的代码中,testResult函数是一个异步函数。在函数内部,我们使用await关键字来等待每个异步操作完成,并将结果赋值给相应的变量。然后,我们使用console.log来输出这些结果。
需要注意的是,await只能在异步函数内部使用。它会暂停函数的执行,直到await后面的表达式返回的Promise对象状态变为resolved(已完成)后才会继续执行。
另外,根据引用的内容,async/await这个特性已经是stage 3的建议,也就是说它已经被广泛认可并且正式进入了JavaScript的标准化进程中。
综上所述,async/await是一种用于处理异步操作的语法糖,可以让我们以同步的方式来编写异步代码,并且使得代码更加清晰易读。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [JavaScript中async和await的基本用法](https://blog.csdn.net/weixin_44019523/article/details/113986514)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [在JS循环中使用async/await的方法](https://download.csdn.net/download/weixin_38520258/13658555)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文