async/await 的用法

一、async和await定义

async 是异步的意思，而 await 是等待的意思，await 用于等待一个异步任务执行完成的结果。

1.async/await 是一种编写异步代码的新方法（以前是采用回调和 promise）。

2. async/await 是建立在 promise 的基础上。

3. async/await 像 promise 一样，也是非阻塞的。

4. async/await 让异步代码看起来、表现起来更像同步代码。

使用场景

在实际开发中，如果你遇到了等第一个请求返回数据完，再执行第二个请求(可能第二个请求要传的参数就是第一个请求接口返回的数据)这个问题。

代码

javascript">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

javascript">async function testAsync(){		//带async关键字的函数，是声明异步函数，返回值是promise对象，
	return 'Hello async';
}
console.log(testAsync());	//打印结果：Promise { 'Hello async' }

三、获取异步函数的数据

方法1：

javascript">async function testAsync(){		
	return 'Hello async';
}
var result = testAsync();
result.then((data)=>{
    console.log(data);			//Hello async
})

方法2：

javascript">function getData(){
		return 'Hello async';
	}
async function test(){
	var d = await getData();	//await 是等待异步方法执行完成,可以获取异步方法里面的数据，但是必须得用在异步方法里面
	console.log(d);
}

console.log(getData());			// Hello async
test()

四、应用场景

先请求接口1，获取到接口1返回结果后，将其作为接口2的参数，再去请求接口2

javascript">function getDataF(){
	return 3;
}

function getDataS(a){
	return a+a;
}

async function getD(){
	var a = await getDataF()	//接口1
	var b = await getDataS(a)	//接口2
	console.log(b);				//接口2返回的值
}

getD()