js中同步和异步的问题

<script>
    console.log(1)
    setInterval(function(){
        console.log(3)
    },1000)
    console.log(2)  // 因为3要等待1秒才能打印，由于js可以异步执行，所以会先打印2
</script>

<button>点击</button>
<script>
    // 以下输出结果为
    // 如果3秒内点击按钮，1 - click - 2 -3
    // 如果3秒后点击按钮，1 - 2 -3 - click
    var btn=document.querySelector('button')
    console.log(1)
    btn.addEventListener('click',function(){
        console.log('click')
    })
    setInterval(function(){
        console.log(3)
    },3000)
    console.log(2)  
</script>