async/await 异步函数

一、async/await 异步函数

(1)、async 函数内没有 await 时，其执行基本上跟普通函数没区别

(2)、async 函数内有 await 时，await 前的代码同步执行，其后的代码等待 await 的结果出来后执行

async function foo(){
    let p = new Promise((resolve,reject)=>{ //new Promise()同步执行
        setTimeout(resolve,2000,3); //定时器回调放到消息队列中等待执行
    });
    console.log(p);  
    console.log(await p);
    //等待promise的状态变为fulfilled,获取promise的结果
    console.log("await");
}
foo();
console.log("a");
//执行顺序
// Promise {<pending>} "fulfilled" 同步执行
// a
// 3
// await

二、async的返回值

        异步函数如果使用 return 返回了值(如果没有return则会返回undefined),这个返回值会被Promise.resolve包装成一个解决的promise实例。异步函数始终返回promise实例

async function foo(){
      // let p = new Promise((resolve,reject)=>{
      // setTimeout(resolve,2000,3);
      // return p;
      
      return {name:"张三"};
});
console.log(foo()); // Promise {<pending>}

三、await 的使用

        JS运行时在碰到 await 关键字时，会记录在哪里暂停执行。等到 await 右边的值可用了(promise 实例的状态确定)，JS运行时会向消息队列推送一个任务。即使 await 后面跟着一个立即可用的值，函数的其余部分也会被异步求值(可见这个任务不是为了获取一个可用的值，而是恢复异步执行):

 async function foo() { 
       console.log(2); 
       await null; 
       console.log(4); 
} 
console.log(1); 
foo(); 
console.log(3); 
// 1 
// 2 
// 3 
// 4 

执行顺序：

 四、结束