其他分享
首页 > 其他分享> > 最简单的几句话说清楚JS的执行机制

最简单的几句话说清楚JS的执行机制

作者:互联网

宏任务主要有:script(整体代码)、setTimeout、setInterval、I/O、UI 交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境)。

微任务主要有:Promise.then、 MutationObserver、 process.nextTick(Node.js 环境)。

console.log(1);
setTimeout(function() {
    console.log(2);
}, 0);
new Promise(function(resolve) {
    console.log(3);
    resolve(Date.now());
}).then(function() {
    console.log(4);
});
console.log(5);
setTimeout(function() {
    new Promise(function(resolve) {
        console.log(6);
        resolve(Date.now());
    }).then(function() {
        console.log(7);
    });
}, 0);

执行步骤如下:

因此,最终的输出顺序为:1, 3, 5, 4, 2, 6, 7;

参考链接:前端中的事件循环eventloop机制
这次,十分钟把宏任务和微任务讲清楚
这一次,彻底弄懂 JavaScript 执行机制

标签:function,setTimeout,console,log,JS,几句话,任务,机制,执行
来源: https://www.cnblogs.com/yangAL/p/14386344.html