[TypeScript] 함수의 Type

TypeScript

함수의 Type

함수 인자의 Type 지정

// 인자를 any로 지정시 어떤 값이든 받을 수 있다.
function sum(x: any, y:any) {
}

function sum(x: number, y:number) {
  return x+y;
}

// sum의 타입이 지정되었기 때문에 결과값도 number인 것을 유추할 수 있다.
const result = sum(1, 2)

함수의 Type 지정

// 인자 numbers는 숫자형 배열이며, sumArrow의 결과값은 숫자이다.
function sumArrow(numbers: number[]): number {
  return numbers.reduce((acc, current) => acc + current, 0)
}

const total = sumArray([1, 2, 3, 4, 5])
console.log(total)

함수의 Type 미지정

// 함수의 타입을 정해주지 않았을 경우에 함수의 Type은 Void가 된다.
function returnNothing() {
  console.log('12314')
}

returnNothing()

함수의 Type 지정시 return값은 해당 Type이어야 한다.

// 함수의 타입을 정해주지 않았을 경우에 함수의 Type은 Void가 된다.
function returnNothing(): string | number {
  return 1; 
  //반환값은 숫자나 문자이어야 한다.
}

returnNothing()