Typescript - 6. TypeScript의 함수

2023. 8. 31. 16:40TypeScript/생활코딩

TypeScript에서 함수의 데이터 타입

TS에서 함수를 사용할 때, 매개변수와 반환 값에 대한 데이터 타입을 지정할 수 있다. 이를 통해 코드의 안정성과 가독성이 높아진다. 

 

예제 1: 매개변수와 반환 값의 데이터 타입 지정

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

위의 함수는 두 개의 숫자를 매개변수로 받고, 두 숫자의 합을 반환한다. 이때 각 매개변수와 반환값에 데이터 타입을 지정해줬다.

 

예제 2: 선택적 매개변수 사용하기

함수에서 일부 매개변수는 선택적으로 받고 싶을 때, 매개변수 뒤에 '?'를 사용한다. 

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return `${greeting}, ${name}!`;
  } else {
    return `Hello, ${name}!`;
  }
}

위 코드에서 greeting은 선택적 매개변수로 지정되어 값을 전달하지 않으면 기본 인사말이 사용되도록 한다.

 


참고자료

생활코딩 - Typescript

https://opentutorials.org/course/5080

 

TypeScript - 생활코딩

수업소개 타입스크립트 입문자를 위한 수업입니다.  수업대상 자바스크립트 개발자 버그 위험을 낮추고 싶은 개발자 중요한 기능만 빠르게 배우고 싶은 분 선행학습 이 수업을 듣기 위해서는

opentutorials.org