宏任务，微任务/任务队列eventLoop

最新推荐文章于 2024-04-19 14:13:54 发布

web刘

最新推荐文章于 2024-04-19 14:13:54 发布

阅读量139

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_49457021/article/details/108865240

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>任务队列-evnetLoop</title>
</head>
<body>
<script>
    // 同步>异步
    // 异步的执行   微任务和宏任务   微任务>宏任务

    // new Promise(resolve => {
    //     console.log(1)
    //     resolve()
    // }).then(data=>{
    //     console.log(2)
    // })
    // console.log(3)

    setTimeout(() => {
        console.log(0);
    }); //1号宏任务
    new Promise(resolve => {
        console.log(1);
        setTimeout(() => {
            resolve();
            Promise.resolve().then(() => {
                console.log(2);
                setTimeout(() => console.log(3));
                Promise.resolve().then(() => console.log(4)); //weirenwu
            });
        });
        Promise.resolve().then(() => console.log(5));
    }).then(() => {
        console.log(6);
        Promise.resolve().then(() => console.log(7));
        setTimeout(() => console.log(8));
    });
    console.log(9)











    //挂起1号宏任务 执行promise微任务1 ,挂起第二个宏任务settimeout,然后执行Promise.resolve()
    // -执行微任务
    //-9外部的同步任务
    // -5-0
    // -6-2-7-4-8-3


    // 1.9.5.0.6.2.7.4.8.3

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

web刘

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
宏任务，微任务/任务队列eventLoop

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>任务队列-evnetLoop</title></head><body><script> // 同步>异步 // 异步的执行微任务和宏任务微任务>宏任务 // new Promise(reso.
复制链接

扫一扫