js 微任务宏任务

最新推荐文章于 2024-10-26 14:35:55 发布

原创最新推荐文章于 2024-10-26 14:35:55 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这段代码展示了JavaScript中异步操作的流程，包括setTimeout、Promise的创建与链式调用。首先输出2和5，然后执行第一个Promise，打印1和8，接着处理第二个Promise，输出6和3。最后，按照异步队列的顺序依次打印9、7和10。

问：下面代码执行后输出什么？

   setTimeout(function(){
        console.log(1)
        new Promise(function(resolve2){
            console.log(8);
            resolve2()
        }).then(function(){
            console.log(9)
            setTimeout(function(){
                console.log(10)
            });
        });
    });
    new Promise(function(resolve){
        console.log(2);
        for(var i = 0; i < 10000; i++){
            i == 9999 && resolve();
        }
        new Promise(function(resolve2){
            console.log(5);
            resolve2()
        }).then(function(){
            console.log(6)
            setTimeout(function(){
                console.log(7)
            });
        });
    }).then(function(){
        console.log(3)
    });

答案：2，5，6，3，1，8，9，7，10