promise的使用

在js中很多的异步执行程序,在有些时候,我们需要将异步转化成同步进行执行,这时候我们就可能需要用到promise或者async;

假设一个场景,在我们需要在使用promise封装一个异步函数,在0秒的时候打印出a, 5秒之后打印出b,再过3秒打印出c,然后我们进行设计

首先:我们封装一个异步函数

function sleep(t,str){
    return new Promise((res,rej)=>{
        setTimeout(()=>{
            console.log(str)
            res(str)
        },t)
    })
}

其次:

sleep(0,'a').then(fn1=>{
    return sleep(5000,'b')
}).then(fn2=>{
    return sleep(3000,'c')
})

还有更简便的写法

sleep(0,'a').then(sleep(5000,'b')).then(sleep(3000,'c'))

这个样的一个调用就可以实现异步函数,按照我们的需求执行;

想要一起执行的话可以使用promise .all的方法,但是这个是并行执行的,所以同步执行就失效了。

如果参数中  promise 有一个失败(rejected),此实例回调失败(reject),失败原因的是第一个失败 promise 的结果。

Promise.all([sleep(100,'a'), sleep(100,'b'), sleep(100,'c')])
	.then(function(results){
		console.log(results);
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值