asyncawaitpromise

Posted 2023-02-21 iiiLISA

1、promise是一个立即执行函数（同步代码），但是它的成功失败回调函数是异步代码。promise一旦状态发生改变，就不会再次改变。
2、async运算符用来声明一个函数function是异步的，await用于等待一个异步函数执行完成。（await也可用于同步）
3、await只能出现在async函数中。
4、在没有await的情况下执行async函数，他会立即执行，返回一个pending状态的promise对象，并且绝不会阻塞后面的语句。
5、await后如果不是promise对象，那么await表达式的运算结果就是它等到的东西；如果是一个promise对象，那么它会阻塞后面的代码，等着promise对象执行resolve，然后得到resolve的值，作为await表达式的结果。await不管异步过程的reject的error信息。
6、async函数和普通函数一样，函数名带个（）就可以了额，参数个数不限，而使用then的resolve函数限制一个参数。
7、如果await的promise失败了，就会抛出异常，需要通过try...catch来捕获处理。
8、async/await是对promise的优化

		let p=new Promise((resovle)=>
            console.log(1);
            resovle();//此处如果不调用resolve，则将不执行then，不会打印2.
        );
        p.then(()=>
            console.log(2);
        )

async函数的返回值是一个promise对象，可以用then获取其值。

        async function fc()
            return 12;//返回一个非promise对象的值，则状态为成功，状态结果值为返回的值。
        
        let a=fc();
        console.log(a);//a是一个promise对象，值为12
        //只想得到值12
        a.then((data)=>
            console.log(data);
        );


//等价于上面的代码
function fc()
	return new Promise((resolve)=>
	resolve(1);
	)

fc().then((data)=>
	console.log(data);//1
)

await+Promise对象可以直接拿到resolve的值（不是promise对象），
不必再使用then方法。

		let p1=new Promise((resolve)=>
            resolve(1);
        );

        let p2=new Promise((resolve)=>
            resolve(2);
        );

        async function fun()
            let a=await p1;
            let b=await p2;
            console.log(a);
            console.log(b);
        
        fun()

输出顺序
        console.log(1);
        async function async1()
            await async2();
            console.log(2);//相当于then中执行的代码（微任务）
        
        async function async2()
            console.log(3);//同步代码
        
        async1();
        setTimeout(function()
            console.log(4)
        ,0);
        new Promise((resolve)=>
            console.log(5);
            resolve();
        ).then(function()
            console.log(6);
        ).then(function()
            console.log(7);
        );
        console.log(8);
        
输出：1 3 5 8 2 6 7 4
注意 2 的位置