3-2. 함수타입-파라미터,반환값, 옵셔널파라미터

<함수타입-파라미터,반환값>

 

//함수의 파라미터에 타입을 정의하는 방식
function sum(a: number, b: number) {
  return a + b;
}
sum(10, 20);

//함수의 반환 값에 타입을 정의하는 방식
function add(): number {
  return 10; //return 안넣으면 에러난다!!!
}

//함수에 타입을 정의하는 방식
function sum2(a: number, b: number): number {
  return a + b;
}

 

<함수타입 - 파라미터를 제한하는 특성>

 

자바스크립트에서는 지정된거 말고 뒤에 더 넣어도 상관없다. 그냥 반응하지 않을 뿐이다.

// JavaScript

function sum3(a, b) {
  return a + b;
}

sum3(10, 20);

//a와b 자리말고 뒤에 더 넣어도된다. 다만 뒤에 넣은것들은 반응하지 않는다!!!
sum3(10, 20, 30, 40, 50);

근데 타입스크립트는 다르다!! 

아예 뒤에 더 넣지 못한다! 

 

// TS

function sum3(a, b) {
  return a + b;
}

sum3(10,20)
sum3(10,20,30,40) //이렇게 하면 에러난다.!!!!!

 

<함수타입 - 옵셔널 파라미터(선택적파라미터)>

function log(a: string, b: string) {}
log("hello world");  // 파라미터가 하나만 들어가서 오류발생한다!!!
log("hello ts", "abc");

function log(a: string, b?: string) {}
log("hello world");  //두번째 파라미터는 옵셔널이라서 없어도된다!!!
log("hello ts", "abc");