[typescript] 함수에 타입 지정하는 법 & void 타입

조수진·2023년 7월 16일

함수라는 문법은 원래 용도가 긴 코드 짧게 축약하려고 만든 것
실은 어떤 자료를 입력하면 다른 자료를 내보내는 기계 역할도 한다.

function 내함수(x){
  return x * 2
}
내함수(2);  //이러면 4가 이 자리에 남음
내함수(4);  //이러면 8이 이 자리에 남음
  1. 파라미터를 작명해주면 함수를 사용할 때 ( ) 소괄호 안에 아무 자료나 집어넣을 수 있게되고

  2. 리턴값은 함수가 사용되고나서 그 자리에 남는 값입니다.
    내함수(2) 이렇게 쓰고나면 진짜 그 자리에 return 우측에 있던 값이 남습니다.


[함수에 타입지정하려면 2곳 가능]

  1. 함수로 들어오는 자료 (파라미터)

  2. 함수에서 나가는 자료 (return)

function 내함수(x :number) :number { 
  return x * 2 
} 

1) 함수로 들어오는 파라미터 타입지정은 파라미터 옆에 적으면 됩니다. (타입지정안하면, 자동으로 'any'타입 지정됨)

2) 함수가 실행된 후 남는 값 (return 우측에 있는 값) 타입지정하고 싶으면 함수명() 우측에 적으면 됩니다.


[함수는 void 타입이 있음]

  • 함수는 특이하게도 void라는 타입을 사용가능합니다.
    '아무것도 없이 공허함'을 뜻하는 타입인데
    return할 자료가 없는 함수의 타입으로 사용가능합니다.

실수로 뭔가 return하는 것을 사전에 막을 수 있음

function 함수(x: number) :void {
	return 1 + 1
}
  • 타입스크립트과 자바스크립트와의 또 하나 다른 점은
    '타입지정된 파라미터는 필수'다.
function 함수(x: number) :void {

}

함수()   //파라미터 비어있어서 error
  • 파라미터가 옵션일 경우에는
    파라미터변수? : 타입
    ? 연산자는 들어올수도 있다~ 라는 뜻이긴 한데, 더 정확하게는
    변수? :number는
    변수 :number | undefined와 같다.
function 함수(x?: number) :void {

}

함수()  
profile
꾸준함의 힘을 믿는 프론트엔드 개발자

0개의 댓글