location.href赋值后页面不立即条状

Question

<script>

setTimeout(function(){
    location.href = "http://www.baidu.com"
    for(var i = 0;i<100;i++){        console.log(1)
    }
    
}, 1000)

</script>
如上述代码，执行完location.href后，控制台输出了33左右个1页面才跳转，为什么会这样，希望有知道的朋友解答一下。