Promise race方法
原创
Promise.race方法
Promise.race方法接收一个Promise对象数组，并返回一个新的Promise对象。当传入的Promise对象数组中的任何一个对象完成时，新的Promise对象将被标记为已完成，并将完成的结果作为其结果值；如果其中任何一个Promise对象被标记为失败，则新的Promise对象将被标记为失败，并将失败的原因作为其结果。
语法
Promise.race(iterable);其中，iterable表示一个可迭代的对象，通常是一个Promise对象数组。
示例代码
下面是一个示例代码，演示了Promise.race方法的使用：
function performAsyncTask(value, delay) {
return new Promise(resolve => {
setTimeout(() => {
resolve(value);
}, delay);
});
}
const promise1 = performAsyncTask('Task 1', 2000);
const promise2 = performAsyncTask('Task 2', 3000);
const promise3 = performAsyncTask('Task 3', 1000);
const promises = [promise1, promise2, promise3];
Promise.race(promises)
.then(result => {
console.log('Result:', result); // 输出最先完成的结果
})
.catch(error => {
console.error('Error:', error); // 输出失败的原因
});在上述示例中，我们定义了一个performAsyncTask函数，它返回一个Promise对象，用于模拟异步操作。我们创建了三个不同的Promise对象，并将它们存储在promises数组中。
然后，我们调用Promise.race方法，并将promises数组作为参数传递给它。通过.then()方法，我们可以获取到最先完成的Promise对象的结果，并输出结果；通过.catch()方法，我们可以捕获任何一个Promise对象失败的情况，并输出失败的原因。
Promise.race方法的特点
Promise.race方法具有以下特点：
- 如果传入的可迭代对象中有任何一个元素不是Promise对象，则会将其视为已完成的Promise对象，并将其值包装在一个新的Promise对象中。
- 当传入的Promise对象中的任何一个对象完成时，新的Promise对象将被标记为已完成，并将完成的结果作为其结果值。
- 如果其中任何一个Promise对象被标记为失败，则新的Promise对象将被标记为失败，并将失败的原因作为其结果。
下面是一些示例代码，展示了Promise.race方法的不同用法：
// 示例1: 最先完成的Promise对象成功
const promise1 = new Promise(resolve => {
setTimeout(() => {
resolve('Result 1');
}, 2000);
});
const promise2 = new Promise(resolve => {
setTimeout(() => {
resolve('Result 2');
}, 3000);
});
const promise3 = new Promise(resolve => {
setTimeout(() => {
resolve('Result 3');
}, 1000);
});
Promise.race([promise1, promise2, promise3])
.then(result => {
console.log(result); // 输出: Result 3
});
// 示例2: 最先完成的Promise对象失败
const promise4 = new Promise((resolve, reject) => {
setTimeout(() => {
reject(new Error('Error 4'));
}, 2000);
});
const promise5 = new Promise((resolve, reject) => {
setTimeout(() => {
reject(new Error('Error 5'));
}, 3000);
});
const promise6 = new Promise((resolve, reject) => {
setTimeout(() => {
reject(new Error('Error 6'));
}, 1000);
});
Promise.race([promise4, promise5, promise6])
.then(result => {
console.log(result); // 不会执行到这里
})
.catch(error => {
console.error(error); // 输出: Error: Error 6
});在上述示例中，我们展示了不同方式使用Promise.race方法组合Promise对象并处理结果的方法。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录