码迷,mamicode.com
首页 > 其他好文 > 详细

async, await运用

时间:2017-11-12 18:36:17      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:获取   对象   c函数   方式   return   一个   his   async   直接   

1.async 函数声明及调用方式:

 1 // async 函数声明,调用
 2 const a1 = async() => {
 3     console.log("this is an async function1")
 4 };
 5 
 6 async function a2() {
 7     console.log("this is an async function2")
 8 }
 9 
10 a1();
11 a2();
12 (async ()=>{console.log("this is an async function3")})()

 

2.async 函数返回值:async 函数会返回一个Promise对象,所以处理返回值的方式和Promise一毛一样

1 // async 函数返回值
2 const b1 = async (arg) => {
3     return arg
4 }
5 var res = b1(‘hello‘);
6 res.then(resolve=>{console.log(resolve)});

 

3.直接获取async 函数返回值: await

1 // 直接获取 async函数返回值: await需要与 async 函数搭配
2 var ret = async (x) => {
3     return x
4 }
5 var solve = async () => {
6     var some_ret = await ret(‘hello,world‘);
7     console.log(some_ret);
8 }
9 solve();
1 // 也可以直接获取 Promise 返回值
2 var solvePromise = async() => {
3     var some_ret = await new Promise(resolve=>{
4         resolve(‘hello, world‘)
5     })
6     console.log(some_ret);
7 }
8 solvePromise();

await的作用是 中断当前函数体中语句的执行, 等待await 后 Promise 执行完毕;

4.async 函数串行执行

1 // async 函数串行执行方式
2 const a = async() => {
3     const b = await (async () => {})()
4     const c = await (async () => {})()
5 }
6 a();

 

5.async 函数并行执行

1 // async 函数并行执行方式
2 const a = async () => {
3     const b = (async () => {})()
4     const c = (async () => {})()
5     const b1 = await b;
6     const c1 = await c;
7 }
8 a();
9 // b,c 会分别先执行, 在b1 和 c1 变成串行

 

async, await运用

标签:获取   对象   c函数   方式   return   一个   his   async   直接   

原文地址:http://www.cnblogs.com/tatelZhang/p/7822328.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!