promise如何串联多个操作任务 ？ 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>promise的几个关键性问题（promise如何串联多个操作任务 ）</title>
</head>
<body>
    <script>
        /* promise如何串联多个操作任务 
            (1)promise的then()返回一个新的promise,可以写成then()链式调用
            (2)通过then的链式调用串联多个同步/异步任务
        
            */

            new Promise((resolve,rejected) =>{
                console.log(1111111);
                setTimeout(() =>{
                    console.log('执行任务1(异步)');
                    resolve(1)
                },1000)

            }).then(
                value =>{
                    console.log('任务1的结果：'+value);
                    console.log('执行任务2(同步)');
                    return 2
                }
            ).then(value =>{
                console.log('任务2的结果：',value);

                return new Promise((resolve,rejecte) =>{
                    setTimeout(() =>{
                        console.log('执行任务3(异步)');
                        resolve(3)
                    },1000)
                })

            }).then(value =>{
                console.log('执行任务3的结果'+value);
            })

            console.log('----')
        

    </script>
    
</body>
</html>

posted @ 2021-02-18 17:03  前端那点事  阅读(60)  评论(0)    收藏  举报