Typescript [6] - 함수의 타입, 매개변수

함수의 타입 명시

• 함수의 반환 타입 명시
  function함수이름 (매개변수1, 매개변수2):함수의 반환타입{}

function sendGreeting(message, userName):void {}

• 함수의 매개변수
  : 함수에 정의된 모든 매개 변수가 함수에 필요하다고 가정
  함수 호출시 매개변수를 비교 검사하게 되어, 수가 일치해야만 한다.
  선택적 매개변수들은 필수 매개변수 뒤에 위치해야한다.

  function sendGreeting(message: string, userName?: string): void {
    console.log(`${message}, ${userName}`);
  }
  sendGreeting("hello"); // hello, undefined

이렇게 선택적 매개변수로 지정하여 매개변수의 수가 일치하지 않아도 오류가 발생하지 않게 할 수 있다.

기본 매개변수

  function sendGreeting(message: string, userName: string = "there"): void {
    console.log(`${message}, ${userName}`);
  }
  sendGreeting("hello"); // hello, there

이렇게 기본 매개변수를 설정하게 되면 선택적 매개변수로 설정하지 않아도 there이 기본적으로 출력되게 되고, 이 때 string으로 지정해주지 않아도 된다. 타입스크립트는 타입추론이 가능하기 때문에!

화살표 함수

  const sendGreeting = ( message:string, userName:string = "there"):void => {
    console.log(`${message}, ${userName}`)
  }