ES6中async和await

async/await和Promise的关系

async和await是我们进行Promise时的一个语法糖,async/await为了让我们书写代码时更加流畅,增强了代码的可读性。简单来说:async-await 是建立在 promise机制之上的,并不能取代其地位。

  • async 写在函数前,声明该函数为 async函数;
  • await 后面跟表达式,但一般只使用在 Promise对象;
  • async 和 await 一般是联合使用
  • async 和 await 两种语法结合可以让异步代码像同步代码一样执行

async 函数

async 函数的返回值是必是一个 Promise 对象

async function basicDemo() {
            let result = await Math.random();
            console.log(result);//0.6828463497057475
        }
        basicDemo();

返回 Promise 对象的状态由 async 函数执行后的返回值决定

1、只要返回值不是一个Promise对象,那么返回的结果就是一个成功的Promise对象,包括没有返回值的状态(相当于返回了一个resolve()的promise 。then的时候取到的是undefined)

2、如果返回的结果是一个Promise对象,那么函数返回的 Promise的状态将由返回值的 Promise对象的状态决定

async function fu(){
    // 返回的结果是一个失败的 Promise对象
	return new Promise((resolve,reject)=>{
        // 设置状态为成功
       resolve('成功返回的数据');
        
        // 设置状态为失败
        reject("失败的错误");
    });
}

let result = fu();
console.log(result);

await 表达式


        1、await必须写在async函数中

        2、await要放在async函数中,但是async可以没有await


        3、await右侧跟的是表达式,但一般为 Promise对象。如果跟的是一般表达式,就和普通的一行表达式无二,会立即执行。如果await的是 promise对象会造成异步函数停止执行并且等待 promise 的解决,

4、await的结果:

await 表达式存在返回结果,它的结果就是Promise成功时返回的值;

await的Promise失败了,就会抛出异常,需要通过try…catch捕获处理;
 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值