Promise.allSettled用法

最新推荐文章于 2024-04-18 09:30:37 发布

春风化雨丶

最新推荐文章于 2024-04-18 09:30:37 发布

阅读量295

点赞数

分类专栏： Vue JavaScript 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_43984150/article/details/126393500

版权

JavaScript 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

Vue

3 篇文章 0 订阅

订阅专栏

// 获取首页数据 进行初始化
// 多个异步请求，进行同步获取
// 保证不阻塞其他任务
const getData = async () => {
    await Promise.allSettled([
        getBannerList(),
        getAlbumList(),
        getRankList(),
        getTopArtists(),
        getAlbumNewestList()
    ])
        .then(res => {
            const [res1, res2, res3, res4, res5] = res
            // console.log(res3)
            if (res1.status === 'fulfilled') {
                bannerList.value = res1.value.banners
            } else {
                return Promise.reject('轮播图获取失败')
            }
            if (res2.status === 'fulfilled') {
                dataList.albumList = res2.value.result
            } else {
                return Promise.reject('推荐歌单获取失败')
            }
            if (res3.status === 'fulfilled') {
                dataList.rankList = res3.value.list.splice(0, 5)
            } else {
                return Promise.reject('获取排行榜失败')
            }
            if (res4.status === 'fulfilled') {
                dataList.topArtists = sampleSize(res4.value.artists, 6)
            } else {
                return Promise.reject('获取热门歌手失败')
            }
            if (res5.status === 'fulfilled') {
                dataList.albumNewestList = res5.value.albums.splice(0, 5)
            } else {
                return Promise.reject('获取热门新碟失败')
            }
        })
        .catch(error => {
            ElNotification({
                title: 'Error',
                message: error,
                type: 'error'
            })
        })
}