typescript 함수에 타입을 지정하려면?

jangdu·2023년 3월 23일
0

typescript

목록 보기
10/16

함수의 기능을 대충 훑어보면
함수는 어떤 자료를 입력하면 다른 자료를 뱉는 역할을 한다.

ex

function sum(x){
  return x * 2
}
sum(2);  //이러면 4가 이 자리에 남음
sum(4);  //이러면 8이 이 자리에 남음

대충 이렇게 어떤 기능을 만들 수 있다.

파라미터를 작명시 함수 사용할때 ()안에 뭘 넣을 수 있고,
리턴값은 함수가 사용되고 나서의 값이다.

함수에 타입 지정하기

위 예시의 경우에 타입을 지정하면


function sum(x: number): number{
  return x * 2
}
sum(2);  //이러면 4가 이 자리에 남음
sum(4);  //이러면 8이 이 자리에 남음

이렇게 사용할 수 있다.
파라미터 변수명 옆, 괄호옆은 리턴 타입
파라피터에 타입 지정시 필수 파라미터가 된다.

void타입

자바에서랑 비슷한데
함수에는 void타입도 사용할 수 있는데
리턴값이 없는 경우에 이 타입을 사용한다.


function sum(x: number): void{
  return x * 2 //에러
}

파라미터가 옵션이면?

파라미터 옆에 ?를 써주면 됨

function sum(x?: number): void{

}

이러면 쓸 때 파라미터 쓰든 안쓰든 상관없음
x: number | undefined이거랑 걍 똑같음

함수에서 union

ts에서 이거 쓰면 좀 귀찮아질 수 있는데

function sum(x?: number | string): number{
	return x + 1 //err
}

왜냐면 ts에선 확실하지 않으면 연산 자체를 안해줌
위에서 물음표 썼을때도 그럼

profile
대충적음 전부 나만 볼래

0개의 댓글