js一个关于定时器的问题

// 关于同步跟异步 宏任务跟微任务的理解
// js是单线程，那么它执行顺序是怎么样的，当然是先执行同步代码，然后异步代码进监控队列中，到了就可以加载到队列中等待同步代码执行完事之后，按顺序加载遵循先进先出的规则
setTimeout(()=>{
console.log(1)
},20)
setTimeout(()=>{
console.log(2)
},8)
for(let i=1;i<9999999999;i++){}
console.log(3)
setTimeout(()=>{
console.log(4)
},10)
setTimeout(()=>{
console.log(5)
},15)
//结果是3-->2-->1>--->4--->5
// 为什么结果是这样的呢
// 因为代码从下执行，遇见宏任务就扔进监听队列中，等他到时间了就会扔进队列中等待加载，先扔进去 20毫秒的定时器，然后又扔进去8毫秒的，执行for循环,执行同步代码
// 先打印个3但是for循环需要时间可能会很长，所以先扔进去的两个定时器都可以等待执行，但是也会等同步代码执行完成之后才会执行，所以8毫秒先会在同步执行完成后先执行，
// 因为for循环耗时较长所以for循环未结束20毫秒的就已经被扔进等待队列中，所以等for循环结束后8毫秒的执行完，就会立刻执行20毫秒的定时器，代码继续执行，遇见个10毫秒
// 的进入等待队列，遇见个15毫秒的进入等待队列，他们可以执行了，所以最后输出 4和5