async、await、promise

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 的位置
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值