关于宏任务和微任务的一道题

有一道题是这样,问这三种分别会出现什么情况

//1.
var i=0;
function fn(){
    i++;
    fn()
}
fn()

//2.
var i=0;
function fn(){
    i++;    
    setTimeout(fn,0)
}
fn()

//3.
var i=0;
function fn(){
    i++;    
   new  Promise((res,rej)=>{fn();res()}).then(fn)
}
fn()

首先是第一种，它是同步任务，没有终止条件，所以会一直创建函数上下文进栈，所以会导致栈溢出。

第二种则是把它分成许多个宏任务，如果宏任务中含有宏任务，则会把它插到任务队列的后面，等下一次执行任务队列的时候再来执行，而这次宏任务执行完便会从队列中移除掉，所以不会阻塞。

第三个会造成页面卡死，虽然不会栈溢出。因为它会不停的创建和销毁微任务，当执行完当前的微任务时，它的then又创建了一个微任务，我们知道微任务里面如果还含有微任务，则会继续执行后面的微任务，所以它会一直创建销毁。导致任务队列里面的其他任务无法执行，最后卡死。