promise的all方法和race

all 方法可以完成并行任务,它接收一个数组,数组的每一项都是一个promise对象

当数组中所有的promise的状态都达到resolved的时候,all方法的状态就会变成resolved,如果有一个状态变成了rejected,那么all方法的状态就会变成rejected。

javascript 复制代码
 // all 方法可以完成并行任务,它接收一个数组,数组的每一项都是一个promise对象
        // 当数组中所有的promise的状态都达到resolved的时候,all方法的状态就会变成resolved,如果有一个状态变成了rejected,那么all方法的状态就会变成rejected。
        window.onload = function () {
            // 在这里编写需要在页面加载完成后执行的代码
            let promise1 = new Promise((resolve, reject) => {
                resolve({
                    code: 200,
                    data: [
                        {
                            weight: 1,
                            name: '测试数据一',
                            sex: '0',
                            status: '正常'
                        },
                        {
                            weight: 2,
                            name: '测试数据二',
                            sex: '1',
                            status: '正常'
                        }
                    ]
                })
            })
            let promise2 = new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve({
                        code:200,
                        data:[
                            {
                                name:"长官三",
                                age:'18'
                            }
                        ]
                    })
                }, 1000)
            })

            let promise3 = new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve(3)
                }, 3000)
            })
            Promise.all([promise1, promise2, promise3]).then((res) => {
                console.log(res)
            })
        };

race方法和all一样,接受的参数是一个每项都是promise的数组,但是与all不同的是,当最先执行完的事件执行完之后,就直接返回该promise对象的值。如果第一个promise对象状态变成resolved,那自身的状态变成了resolved;反之第一个promise变成rejected,那自身状态就会变成rejected。

javascript 复制代码
let promise1 = new Promise((resolve,reject)=>{
	setTimeout(()=>{
       reject(
    {
                    code: 200,
                    data: [
                        {
                            weight: 1,
                            name: '测试数据一',
                            sex: '0',
                            status: '正常'
                        },
                        {
                            weight: 2,
                            name: '测试数据二',
                            sex: '1',
                            status: '正常'
                        }
                    ]
                }


);
	},2000)
});
let promise2 = new Promise((resolve,reject)=>{
	setTimeout(()=>{
       resolve(2);
	},1000)
});
let promise3 = new Promise((resolve,reject)=>{
	setTimeout(()=>{
       resolve(3);
	},3000)
});
Promise.race([promise1,promise2,promise3]).then(res=>{
	console.log(res);
	//结果:2
},rej=>{
    console.log(rej)};
)
相关推荐
苦瓜小生12 分钟前
【前端】|【js手撕】经典高频面试题:手写实现function.call、apply、bind
java·前端·javascript
报错小能手13 分钟前
深入理解 Linux 虚拟内存管理
开发语言·操作系统
天若有情67319 分钟前
前端HTML精讲03:页面性能优化+懒加载,搞定首屏加速
前端·性能优化·html
踩着两条虫31 分钟前
AI驱动的Vue3应用开发平台深入探究(十):物料系统之内置组件库
android·前端·vue.js·人工智能·低代码·系统架构·rxjava
和沐阳学逆向35 分钟前
我现在怎么用 CC Switch 管中转站,顺手拿 Codex 举个例子
开发语言·javascript·ecmascript
小仙女的小稀罕36 分钟前
听不清重要会议录音急疯?这款常见AI工具听脑AI精准转译
开发语言·人工智能·python
书到用时方恨少!43 分钟前
Python random 模块使用指南:从入门到精通
开发语言·python
swipe1 小时前
AI 应用里的 Memory,不是“保存聊天记录”,而是管理上下文预算
前端·llm·agent
客卿1231 小时前
牛客刷题--找数字-- 字符串检测-字符串 双指针
java·开发语言
慧一居士1 小时前
nuxt3 项目和nuxt4 项目区别和对比
前端·vue.js