자바스크립트 콜백함수 질문

Question

const f1 &#61; (callback) &#61;>{setTimeout(function() {console.log('1번 주문 완료')callback()}, 1000);}const f2 &#61; (callback) &#61;>{setTimeout(function() {console.log('2번 주문 완료')callback()}, 2000);}제생각에는 f1에서 f2를 콜백함수로 호출하려면 f1(f2)라고 생각하고 작성했는데 callback()is not a function 라고 에러가 뜨더라고요...f2도 함수니깐 f1의 인자에 f2전달해서 console.log('1번 주문 완료') 실행시키고 callback()부분에다 f2 전달해서 f2호출할수있는거아닌가요?왜 f1(function(){f2(){}})라고(function(){}을 넣어서 ) 작성해야하는건지 잘모르겠습니다.ㅠㅠㅠㅠ제가 놓치는부분이 무언가있는건가요,,

kenu,전독시 · Answer

f2에 callback() 이 필요할까요?

아리까리 · Answer

f1(f2) 이렇게 실행 시킬때 주의 할 점이 f2는 callback 매개변수가 undefined에요. 그래서 callback is not a function이 뜨는 거구요. f1(f2) 실행 시킬때 callback is not a function 에러가 나오지 않게 하려면 f2 함수에서 callback 함수를 실행 시킬때 if ( typeof callback &#61;&#61;&#61; 'function') { callback() } 이런 if문으로 한번 감싸주면 되요.

자바스크립트 콜백함수 질문

2개의 답변

Q&A 목록