promise的all方法

最新推荐文章于 2024-04-24 15:12:48 发布

Jason–json

最新推荐文章于 2024-04-24 15:12:48 发布

阅读量282

点赞数

本文链接：https://blog.csdn.net/weixin_46146313/article/details/105379966

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        let p1 = new Promise((resolve)=>{
            setTimeout(()=>{
                console.log(1);
                resolve();
            },1000)
        })
        let p2 = new Promise((resolve)=>{
            setTimeout(()=>{
                console.log(2);
                resolve();
            },2000)
        })
        let p3 = new Promise((resolve)=>{
            setTimeout(()=>{
                console.log(3);
                resolve();
            },3000)
        })     
        // 当上面三个功能全都执行完了在执行的功能 all方法会等指定的promise对象，全部执行完再执行
        Promise.all([p1,p2,p3]).then(()=>{
            let p4 = new Promise((resolve)=>{
                setTimeout(()=>{
                    console.log(3);
                    resolve();
                },3000)
            }) 
        })   
        // race ：与Promise.race方法类似将多个Promise包装成一个新的Promise实例
                    // 但是其中一项的状态发生改变时 新的实例状态就会随着改变
        Promise.race([p1,p2,p3]).then(()=>{
            console.log(100)
        });
       
    //    在项目中 把他封装成回调函数,方便各个地方调用
    //    用户点赞权限，用户之前没点过
    </script>
</body>
</html>