js中的事件执行顺序

一、需要了解的基础概念

js执行的事件分为同步任务和异步任务：

同步任务：指按照顺序执行的任务，每个任务必须等待前一个任务完成后才能执行。在同步任务中，程序会一直等待某个任务的完成，然后再继续执行下一个任务。这种方式可以确保任务的执行顺序和结果的可靠性，但是如果某个任务执行时间较长，会导致整个程序的执行效率降低。

异步任务：指不按照顺序执行的任务，每个任务可以独立执行，不需要等待其他任务的完成。在异步任务中，程序会继续执行下一个任务，而不会等待当前任务的完成。这种方式可以提高程序的执行效率，特别是在处理一些耗时的操作时，可以将这些操作放在后台执行，不会阻塞程序的其他操作。

其中异步任务又分为宏任务和微任务：

宏任务：异步ajax请求、setTimeout、setInterval、文件操作、其它

微任务：Promise.then、.catch 和.finally、其它

二、事件执行顺序

事件执行顺序为：同步任务->process.nextTick() [node.js中的函数]->异步微任务->异步宏任务

三、代码演示

console.log('1');
setTimeout(function(){
    console.log('2');
    new Promise(function(resolve){
        console.log('3');
        resolve();
    }).then(function(){
        console.log('4');
    })
})
new Promise(function(resolve){
    console.log('5');
    resolve();
}).then(function(){
    console.log('6');
})
setTimeout(function(){
    console.log('7');
    new Promise(function(resolve){
        console.log('8');
        resolve();
    }).then(function(){
        console.log('9');
    })
})
//输出1，5，6，2，3，4，7，8，9

要注意其中Promise在.then前面一部分的代码执行优先级与同步任务一致。