js异步机制，能用js异步执行的原理解释下面代码执行顺序吗？

Question

点击事件：
<//div class="login-btn”>
《el-button type="primary" @click="submitForm('ruleForm');test()">登录 《/div》
点击事件绑定的函数：
submitForm(formName)｛
console.log("#################################")；
window.location.href="www.baidu.com";
setInterval(function(){alert("Hello")},0);
for(let i=0;i console.log(i+"****************")；
｝
},
test(){
for(let i=0;i alert(i);
}
},
测试执行顺序为：
1. console.log("#################################")；
2. for(let i=0;i console.log(i+"****************")；
｝
3 . for(let i=0;i alert(i);
}
4. setInterval(function(){alert("Hello")},0);//执行>=1次
5 . window.location.href="www.baidu.com";
各位大佬，能用js异步执行的原理解释下面代码执行顺序吗？其中window.location.hrefsh是异步的吗？感激不尽！！！！

Answer 1

setInterval(function(){alert("Hello")},0); 这是唯一一句异步的代码，在定时器到时间的时候执行。别的都是顺序执行
window.location.href="www.baidu.com"; 这个其实是在console.log("#################################")； 后面就执行的，但是因为加载需要时间，你看上去切换到baidu是最后。