본문 바로가기
개발/TypeScript

타입스크립트 함수에 타입지정은 파라미터와 리턴값 두군데에 한다!

by 안뇽! 2022. 1. 14.
반응형

 

함수에서 타입지정하는 2곳

타입스크립트에서 함수는 총 2군데 지정한다.

 

1. 파라미터

2. 리턴

 

function helloWorldFunc(x:number) : string{
  return `x의 2배는 ${x*2}입니다.`
}

파라미터는 number로 리턴값은 string으로 지정한다.

 

만약 리턴값이 없다면??

다음과 같이 리턴값을 void로 설정하면 된다.

function consoleLogFunc(x:string):void{console.log('hello'+x)}

 

파라미터가 옵션일때

타입스크립트에서는 '이 파라미터는 옵션이다.' 라고 정의를 해주어야 에러가 나지 않는다.

그 방법은 파라미터 우측에 물음표를 치는 것이다.

function hiFunc(x?:string):void{
	console.log('안녕',x)
}

그런데 실은 이는 다음과 같다.

function hiFunc(x:string|undefined):void{
	console.log('안녕',x)
}

즉 , union type인 것이다.

 

때문에 다음 코드는 타입스크립트에서 실행되지 않는다.

function plusFunc(x?number):number{
	return x+1
}

숫자를 더하는 것이 허용되는 타입은 any,number,bigint 뿐이고, union type은 해당되지 않기 때문

반응형

'개발 > TypeScript' 카테고리의 다른 글

타입스크립트 타입 별칭 (Type Aliases)  (0) 2022.01.14
Typescript narrowing과 assertion  (0) 2022.01.14
타입스크립트 Union Type  (0) 2022.01.13
타입스크립트 컴파일 과정  (0) 2022.01.10
TypeScript의 기본 타입  (0) 2021.11.09