vue3async,await
时间: 2023-11-03 19:01:22 浏览: 148
vue3 使用async await
async/await是ES8(ECMAScript 2017)引入的新语法,用来简化Promise异步操作。使用async/await可以使异步代码看起来更像同步代码,提高代码的可读性和维护性。
在使用async/await时,可以将异步操作写在async函数中。其中,await关键字用于等待一个Promise对象的状态变为resolved,并返回其resolved的值。在使用await关键字时,await之前的代码会同步执行,await之后的代码会异步执行。
下面是一个使用async/await的示例代码:
```javascript
import thenFs from 'then-fs'
async function getAllFile() {
const r1 = await thenFs.readFile('./files/1.txt', 'utf8')
console.log(r1)
const r2 = await thenFs.readFile('./files/2.txt', 'utf8')
console.log(r2)
const r3 = await thenFs.readFile('./files/3.txt', 'utf8')
console.log(r3)
}
getAllFile()
```
在上述代码中,getAllFile函数是一个async函数,使用await关键字等待文件读取操作完成后再执行后续代码。这样可以确保文件内容按顺序输出。
阅读全文