[TypeScript | 타입스크립트] 콜백 함수 타입 선언 CallBack Function Type

타입스크립트 함수에 인자로 전달되는 콜백 함수의 타입 선언 방법

 

 

🌈  기본 형태

function 함수이름 (콜백함수명 : (콜백함수 전달인자 : 타입) => 콜백함수 리턴 타입) {
	//함수 기능...
}

 

기본형태에서 볼수 있듯

타입 스크립트에서 콜백 함수의 타입은

arrow function 의 외형과 유사하다

 

🌈  샘플 예제

const sampleFunction = (callback : (str:string) => void):void=>{
    setTimeout(() => {
        callback('1초 지남!');
    }, 1000);
}

const callbackSample = (msg)=>{
    console.log(`메시지 : ${msg}`);
}

sampleFunction(callbackSample)

 

실행 결과 

메시지 : 1초 지남!

 

🌈  PS

콜백함수 : (콜백함수의 전달인자 : 타입) => 콜백함수 리턴 타입