0
点赞
收藏
分享

微信扫一扫

ES6中async和await

凌得涂 2022-03-11 阅读 78

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捕获处理;
 

 

举报

相关推荐

0 条评论