异步

1. async也是处理异步的，它是对Promise的一种扩展，让异步更加方便;

2．优势:async是基于Promise的，虽然是异步操作，但看上去像同步;

3．首先，我们先来看下async的基本语法:

例

//创建一个async函数，执行异步操作

//await 关键字:等待异步执行完毕后回调;

let as = async () =>{

let result = await p;

console.log(result);};

//执行async函数

as();

//上面语法,用ES5过渡一下,帮助理解，具体如下:

async function as() {}

let as = async function() {}

let obj = {async as(){}};//也支持对象形式

 

4.如果有三个异步需要列队输出，我们用async语法来处理一下;

例

多个异步，按输出顺序加载，没有then，清晰很多

async function as() {

    let r1 = await pi,

    r2 = await p2,

    r3 = await p3;

    consoLe.log(r1);

    console.log(r2);

    console.log(r3);

    }

    as();

pS: await关键字只能在 async函数内部，否则不可识别;

PS:从上面的例子中，能感受到语义和清晰度都得到了很大提升，更像同步代码:

    //批量异步列队，类似 Promise.all()

    async function as() {

        let all = [ await p1,await p2,await p3];

        console.log(al1);

    }

        as();

 

5. async函数如果设置了返回值，这个值是Promise对象。

返回值是Promise对象

相当于Promise resolve()

async function as() {

    return " hello，async! ";

}

    as().then(value => {

        console.log(value);

    });

PS:如果return await p:这种，会导致提前输出pending状态，还是需要then:

    async function as() {

        return await p1;

    }

    console.log(as);//得到的是promise对象的pending状态

    as().then(value=>{//这里还是需要then

        console.log(value);

    })