JS. 기능의 다른 장소에서 setTimeout을 사용하면 다른 결과가 발생합니다.

Question

JS를 배웠고 설명 할 수 없거나 웹에서 대답을 찾지 못했습니다.

두 개의 유사한 기능이 다음과 같습니다 COUNT2은 약 8000 밀리 취하면서 COUNT1 기능, arount 5000 밀리 소요 크롬에서

function count1(){ 
    if (i<(1e9+1)-1e6){ 
     setTimeout(count1,0) 
    } 
    do{ 
     i++ 
    } while(i%1e6!=0) 

    if (i==1e9){ 
     console.log('Done1 in '+(Date.now()-start)+'ms') 
    } 
    } 
    function count2(){ 

    do{ 
     i++ 
    } while(i%1e6!=0) 

    if (i==1e9){ 
     console.log('Done2 in '+(Date.now()-start)+'ms') 
    } 
    if (i<(1e9+1)-1e6){ 
     setTimeout(count2,0) 
    } 
    } 

    let start=Date.now(); 
    let i=0; 
// count1(); 
    count2(); 

    //why count2 is faster? 

</script> 

. 유일한 차이점은 "setTimeout"코드가 다른 위치에 있다는 것입니다. 코드의 차이가 너무 커서 시간이 많이 걸리는 이유를 이해하는 데 도움을 주시기 바랍니다.

미리 감사드립니다.

Answer 1

첫 번째 기능에서는 타이머를 시작한 다음 타이머와 병렬로 루프를 실행합니다. 두 번째 함수에서는 루프를 완료 한 후 타이머를 시작합니다 (연속적으로)