본문 바로가기
FrontEnd/TypeScript

[TypeScript] TS에서의 함수 ( 파라미터, 리턴 타입 지정 )

by 위그든씨 2022. 12. 9.

기본 틀

  • 파라미터의 타입은 해당 파라미터 옆, 리턴 타입은 파라미터 선언 오른쪽
  • 아래와 같이 선언해주면 타입 실드가 장착돼서 TS가 알아서 이후 논리 어긋난것들에 대해 알려줌
  • 파라미터의 타입을 지정해주면 필수 파라미터가 됨 ( 선택적으로 줄려면 파라미터명 옆에 '?' 붙여주면 됨)
function 함수이름(변수:타입):타입 {
	return 리턴할 값
}

const 함수이름 = (변수:타입):리턴타입 =>{.../}

 

  • 리턴 할 게 없을때는 void(공허한) 를 써준다.
function fn():void {
	console.log('리턴값 없음')
}
  • 선택적인 파라미터라면 '?'를 붙여주는데 이것은 곧 그 파라미터는 type | undefined 를 의미함
function 함수이름(x?:number) {
	console.log('x는 지금 number or undefined 타입')
}
const defaultParameter(first:string, last:string=' ') =>{ 
	.....
}
const restParameter = (...nums:number[]):number =>{
	return nums.reduce((a,c)=>a+c,0)
}
restParameter(); //0
restParameter([1,2,3,4]) //10