作用:async
和await
是用来处理异步的。需要异步像同步一样执行,需要异步返回结果之后,再往下依据结果继续执行。
await
必须放在async
function之中的作用就是等待Promise的resolve的出现,这个过程是阻塞的
async
用于申明一个 function
是异步的,
而 await
用于等待一个异步方法执行完成。使用了await就不必使用then来接受异步操作的返回值,而是直接赋值给变量即可,所赋的值就是resolve给出的值。
加上接口axios例子
created () {
this.init()
},
methods: {
//拿到方法1与方法2的两个结果后,执行init方法
async init () {
try {
let oneRes = await this.queryOne();
let twoRes = await this.queryTwo();
let res = oneRes + twoRes;
console.log(res);
} catch (error) {
console.log(error);
}
},
//方法1
queryOne () {
const params = {name: xxx}
return new Promise((resolve, reject) => {
axios.post('/XXXX', { params}).then((res) => {
if (data.rs === 1) {
resolve(data)
}
}).catch((err) => {
reject(err)
})
})
},
//方法2
queryTwo () {
const params = {name: xxx}
return new Promise((resolve, reject) => {
axios.post('/XXXX', { params }).then((data) => {
if (data.rs === 1) {
resolve(data)
}
}).catch((err) => {
reject(err)
})
})
},
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。