文章目录
- 一、async和await定义
- 一、async
- 二、获取异步函数的数据
- 三、应用场景
- 四、注意事项
一、async和await定义
async 是异步的意思,而 await 是等待的意思,await 用于等待一个异步任务执行完成的结果。
1.async/await 是一种编写异步代码的新方法(以前是采用回调和 promise)。
2. async/await 是建立在 promise 的基础上。
3. async/await 像 promise 一样,也是非阻塞的。
4. async/await 让异步代码看起来、表现起来更像同步代码。
使用场景
在实际开发中,如果你遇到了等第一个请求返回数据完,再执行第二个请求(可能第二个请求要传的参数就是第一个请求接口返回的数据)这个问题。
代码
const datas = async ()=> {
await request.selectPies(Route.path.split('/')[3]).then(res=>{
states.ids = res.obj
})
//查询发帖子用户信息
await request.selectUsers(states.ids).then(res=>{
console.log(res.obj)
})
}
datas()
一、async
async function testAsync(){ //带async关键字的函数,是声明异步函数,返回值是promise对象,
return 'Hello async';
}
testAsync(); //打印结果:Promise {<fulfilled>: 'Hello async'}
二、获取异步函数的数据
方法1:
async function testAsync(){
return 'Hello async';
}
var result = testAsync();
result.then((data)=>{
console.log(data); //Hello async
})
方法2:
function getData(){
return 'Hello async';
}
async function test(){
var d = await getData(); //await 是等待异步方法执行完成,可以获取异步方法里面的数据,但是必须得用在异步方法里面
}
test(); //Hello async
三、应用场景
先请求接口1,获取到接口1返回结果后,将其作为接口2的参数,再去请求接口2
async function getD(){
var a = await getDataF() //接口1
var b = await getDataS(a) //接口2
console.log(b); //接口2返回的值
}
getD()
四、注意事项
1、async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成
2、await只能在async函数中使用,不然会报错
3、async函数返回的是一个状态为fuifilled的Promise对象
4、类似于排队买东西,一个人结完账后才能轮到下个人,在async函数中,await规定了异步操作只能一个一个排队执行,从而达到用同步方式,执行异步操作的效果