[TypeScript] Call Signatures

jr_necki·2022년 8월 22일
0

TypeScript

목록 보기
3/7
post-thumbnail
post-custom-banner

✔ Call Signatures

Call Signatures란 함수 위에 마우스를 댔을때 뜨는 것을 말한다.
즉, 인자의 타입과 리턴 타입을 보여준다.

Call Signatures 선언하는 방법.

만약에 아래 함수를

const add=(a:number, b: number)=>a+b;

call signatures를 적용하여 본다고 하면,,

type Add = (a:number, b: number) => number;

const add : Add = (a,b) => a+b

로 표현할 수 있다. 그렇게 되면 함수에 따로 타입을 지정해주지 않아도 되는 이점이 있다.
alias와 좀 비슷한거 같다.

✔ void 함수 일 때


number타입 반환이라고 미리 지정해주었지만 add함수에서는 리턴 값이 없으므로, 빨간줄이 뜬다.

내가 헷갈려서 정리하는😌 화살표 함수에서 {}의 유무

{}없을 때
const add : Add =(a,b) => a+b
// 이를 풀어서 표현해보면
function add(a,b){
	return a+b;
}
{}있을 때
const add: Add=(a,b)=>{a+b}
// 이를 풀어서 표현해보면
function add(a,b){
	a+b;
}

따라서 {}가 있으면 리턴이 아닌 함수내용으로 처리되므로 void함수이다.

profile
슉슉슉
post-custom-banner

0개의 댓글