async/await 的用法

文章目录

• 一、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 {: '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规定了异步操作只能一个一个排队执行，从而达到用同步方式，执行异步操作的效果