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);
});

 

### JavaScript Promise 使用示例 #### 创建简单的 Promise 实例 可以使用 `new Promise` 构造函数来创建一个 Promise 对象。此构造函数接收一个带有 resolve 和 reject 参数的执行器函数作为参数。 ```javascript const myFirstPromise = new Promise((resolve, reject) => { setTimeout(() => { resolve("成功完成"); }, 1000); }); myFirstPromise.then(result => console.log(result)); // 输出: 成功完成 ``` #### 处理多个 Promise 的状态变化 为了更高效地管理多个异步请求,JavaScript 提供了几种方法用于组合多个 Promises: - **all**: 当所有的 promises 都 fulfilled 或者有一个被 rejected 后触发回调。 ```javascript const promiseA = Promise.resolve(1); const promiseB = Promise.resolve(2); Promise.all([promiseA, promiseB]) .then(values => console.log(values)) // 输出: [1, 2] ``` - **race**: 只要其中任意一个 promise 完成就会立即返回该结果。 ```javascript const promiseC = new Promise(resolve => setTimeout(resolve, 500, '短延时')); const promiseD = new Promise(resolve => setTimeout(resolve, 1000, '长延时')); Promise.race([promiseC, promiseD]) .then(value => console.log(value)); // 输出: 短延时 ``` - **allSettled**: 所有的 promises 不论是 fulfill 还是 reject ,都会等到全部结束才继续往下走,并给出每个 promise 结果的信息。 ```javascript const promiseE = Promise.resolve('成功'); const promiseF = Promise.reject('失败'); Promise.allSettled([promiseE, promiseF]) .then(results => results.forEach( result => result.status === 'fulfilled' ? console.log(`成功: ${result.value}`) : console.error(`失败: ${result.reason}`) )); // 输出: // 成功: 成功 // 错误: 失败 ``` - **any**: 返回第一个成功的 promise 值;如果所有都失败,则抛出 AggregateError 异常。 ```javascript const promiseG = Promise.reject(new Error('错误一')); const promiseH = Promise.reject(new Error('错误二')); const promiseI = Promise.resolve('第三个成功'); Promise.any([promiseG, promiseH, promiseI]) .then(value => console.log(`至少一个成功: ${value}`)) .catch(errors => console.error('全都不幸失败', errors)); // 输出: 至少一个成功: 第三个成功 ``` 这些例子展示了如何利用不同的方式去控制和协调多个异步任务之间的关系[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值