Typescript 기본문법3 - 함수

1. 함수의 타입을 정의하는 방식

- 함수의 Parameter 타입을 정의

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

sum(12, 8); //20

인자 값의 타입을 지정할 수 있다.

- 함수의 Return 타입을 정의

function sum(): number {
 return 20;
}

결과 값이 number라는 타입을 줬기 때문에 return 값에는 number만 올 수 있다.

- 함수를 정의하는 가장 기본적인 방식 (1 +2)

Parameter, Return Type을 지정하는 방식

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

2. JS vs Ts의 function 비교

- JS

• 정해진 인자 값보다 많은 인수가 들어왔을 경우

funtion sum (a, b) {
     return a + b
   }

sum(19, 20, 21, 22, 23) // 39 = (19 + 20)

Argument(인수)의 값이 5개가 들어왔지만 자동적으로 앞의 2개의 인수인 19, 20이 계산돼서 39라는 결과 값이 출력된다.

• 정해진 인자 값보다 적은 인수가 들어왔을 경우

funtion sum (a, b) {
     return a + b
   }

sum(19) // NaN = (19 + undefined)

Argument(인수)의 값이 1개가 들어와서 2번째 인수는 undefined로 활용된다.

- TS

• 정상

funtion sum(a: number, b: number): number {
     return a + b
   }

sum(19, 20) // 39 = (19 + 20)

• 오류

funtion sum(a: number, b: number): number {
     return a + b
   }

sum(19, 20, 21, 22, 23) // Error!!!!

Argument(인수)의 값이 2개만 들어오기로 지정했기 때문에 오류 메세지를 띄운다