콜백 함수 동작 문의 드립니다.

[김대일]

콜백함수를 사용하면, 코드를 순차적으로 실행 시킬수 있다고 하셨습니다.

 

그래서 테스트 삼아서 코드를 만들어봤어요

        function f1(a){
            console.log('1st')
            a();
        }

        function f2(){
            setTimeout(function(){
                console.log('2st')
            }, 2000)            
        }

        f1(f2);
        console.log('테스트')

 

제 생각에는 이렇게 코드를 만들면

콘솔창에

 

1st

2st

테스트

 

이렇게 출력되야 하는데

실제로는

1st

테스트

2st

 

이런순서로 실행되네요

이렇게 출력이 된다면

콜백함수를 사용하는 이유가 없지 않나요?

 

아니면  setTimeout 같은건 , 콜백함수를 써도 어차피 

비동기 적으로 실행되니, 콜백함수를 쓰지 말고 

일반함수를 사용하여 코딩 해야 할까요?

 

답변 부탁드립니다~

 

[codingapple]

f1다음 f2 실행된게 맞습니다 

setTimeout같은 함수들은 특수하게 비동기적으로 처리되는 함수기 때문에 2초후 순차적 실행을 하고 싶으면 setTimeout내의 콜백함수를 이용하거나 그러면 됩니다

[글쓴이]

글