JS代码的执行顺序

var i=0;
        var timer=setInterval(foo,1000);
        function foo(){
            i++;
            console.log(i);
            if(i==5){
                clearInterval(timer);
            }
        }
        console.log(i+'hi');

调用函数在前，为什么先输出最后一行的内容？