[TypeScript] 함수 타입

🎯 함수 타입

함수란?
함수 : 어떤 타입의 매개 변수를 받고 어떤 타입의 결과 값을 반환하는지 이야기

✅ 일반적인 함수

function func(a: number, b: number): number {
  return a + b;
}

✅ 화살표 함수

const add = (a: number, b: number) => {
  return a + b;
};

• 반환값은 a와 b 타입을 통해 타입 추론이 되어 굳이 정의하지 않아도 됨

✅ 함수의 매개변수

const introduce = (name: "kjy", tall?: number) => {
  console.log(`이름은 ${name} 입니다. `);
  if (typeof tall === "number") {
    console.log(`키는 ${tall + 10}입니다. `);
  }
};
introduce("kjy", 171);
introduce("kjy");

• tall에 ?를 사용하게 된다면, 이것을 선택적 매개변수라고 부름
• 만일 tall의 값을 변경하고 싶다면 위 조건문과 같이 숫자 타입임을 명시해야함.
• 이유는 ?를 사용하여 tall은 undefined 상태가 될 수 있기 때문

• 추가로 age 매개변수를 추가하면 사진과 같이 오류가 발생하는 것을 알 수 있다.
• 이유는 필수 매개변수가 선택 매개변수보다 뒤에 있기 때문

✅ rest 파라미터

function getSum(...rest: number[]) {
  let sum = 0;
  rest.forEach((i) => {
    sum += i;
  });

  return sum;
}

getSum(1, 2, 3); // 6

• 위 코드는 JavaScript와 동일한 스프레드 연산자이다.
• 스프레드 연산자란 한 배열을 ...을 통해 모든 값들을 풀어 사용할 수 있도록 하는 것이다.
• rest파리미터는 함수의 여러 인자를 하나의 배열로 묶을 때 사용한다.

---

출처

한 입 크기로 잘라먹는 타입스크립트
https://www.inflearn.com/course/한입-크기-타입스크립트/dashboard