Promise 的 race 静态方法
- race 方法接收一个数组
- 如果数组中有多个 Promise 对象, 谁先返回状态就听谁的, 后返回的会被抛弃
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
let p1 = new Promise(function (resolve, reject) {
resolve("111");
// reject("aaa");
});
let p2 = new Promise(function (resolve, reject) {
setTimeout(function () {
resolve("222");
// reject("bbb");
}, 5000);
});
let p3 = new Promise(function (resolve, reject) {
setTimeout(function () {
resolve("333");
// reject("ccc");
}, 3000);
});
Promise.race([p1, p2, p3]).then(function (value) {
console.log("成功", value);
}).catch(function (e) {
console.log("失败", e);
});
</script>
</head>
<body>
</body>
</html>
- 如果数组中不是 Promise 对象, 那么会直接执行 then 方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
let obj = {
name: "BNTang"
};
Promise.race([obj]).then(function (value) {
console.log("成功", value);
}).catch(function (e) {
console.log("失败", e);
});
</script>
</head>
<body>
</body>
</html>
应用场景
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>promise-race方法</title>
</head>
<body>
<script>
let url = "https://a.msstatic.com/huya/main3/assets/img/index-bg_59f9c.jpg";
function loadImage(url) {
return new Promise(function (resolve, reject) {
let oImg = new Image();
setTimeout(function () {
oImg.src = url;
}, 5000);
oImg.onload = function () {
resolve(oImg);
}
oImg.onerror = function () {
reject("图片加载失败了");
}
});
}
function timeout() {
return new Promise(function (resolve, reject) {
setTimeout(function () {
reject("超时了");
}, 3000);
});
}
Promise.race([loadImage(url), timeout()]).then(function (value) {
console.log("成功", value);
}).catch(function (e) {
console.log("失败", e);
});
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳，地球，月球 运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
2021-03-01 JavaAgent