TypeScript 초보자 가이드에서 함수를 사용하는 방법

함수는 JavaScript에서와 마찬가지로 TypeScript의 기본 구성 요소입니다. TypeScript는 JavaScript 함수를 유형 주석과 같은 추가 기능으로 확장하여 코드 명확성을 높이고 오류를 방지합니다. 이 초보자 가이드는 TypeScript에서 함수를 사용하는 방법을 안내합니다.

함수 정의

TypeScript에서는 JavaScript와 마찬가지로 함수를 정의할 수 있지만, 선택적으로 유형 주석을 사용하여 매개변수와 반환 값의 유형을 지정할 수 있습니다.

기본 함수 정의

TypeScript에서 간단한 함수를 정의하는 방법은 다음과 같습니다.

function greet(name: string): string {
  return "Hello, " + name;
}

이 예에서 name은 string 유형의 매개변수이고, 함수는 string 유형의 값을 반환합니다.

함수 매개변수 및 반환 유형

TypeScript를 사용하면 함수 매개변수와 반환 값의 유형을 지정하여 함수가 올바르게 사용되는지 확인하는 데 도움이 됩니다.

매개변수가 있는 함수

다음은 두 개의 매개변수를 받아서 그 합을 반환하는 함수입니다.

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

이 함수에서 x와 y은 모두 number 유형이고, 함수는 number을 반환합니다.

반환 값이 없는 함수

모든 함수가 값을 반환할 필요는 없습니다. 반환 값이 없는 함수는 반환 유형 void로 선언됩니다. 이러한 함수는 작업을 수행하지만 결과를 생성하지 않습니다.

반환 값 없음 예

function logMessage(message: string): void {
  console.log(message);
}

이 예에서 logMessage은 message을 콘솔에 출력하지만 아무 값도 반환하지 않습니다.

선택 및 기본 매개변수

TypeScript는 선택적 매개변수와 기본 매개변수를 지원하므로, 더욱 유연한 함수를 만들 수 있습니다.

선택 매개변수

선택적 매개변수는 매개변수 이름 뒤에 ?을 추가하여 지정합니다.

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

이 예에서 greeting은 함수를 호출할 때 생략할 수 있는 선택적 매개변수입니다.

기본 매개변수

값이 제공되지 않으면 기본 매개변수에는 기본값이 지정됩니다.

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

greeting을 제공하지 않으면 기본적으로 "Hello"가 사용됩니다.

함수 오버로딩

TypeScript는 함수 오버로딩을 지원하므로 동일한 함수 이름에 대해 여러 함수 시그니처를 정의할 수 있습니다.

function greet(name: string): string;
function greet(name: string, age: number): string;
function greet(name: string, age?: number): string {
  if (age !== undefined) {
    return `Hello, ${name}. You are ${age} years old.`;
  }
  return `Hello, ${name}.`;
}

이 예에서 greet은 하나 또는 두 개의 매개변수로 호출될 수 있습니다.

화살표 함수

화살표 함수는 함수를 작성하기 위한 더 짧은 구문을 제공하며 자체 this 컨텍스트가 없습니다.

const add = (x: number, y: number): number => x + y;

이 예제에서는 두 개의 숫자를 더하는 화살표 함수를 정의하는 방법을 보여줍니다.

결론

TypeScript의 함수는 코드를 캡슐화하고 재사용하는 강력한 방법입니다. 유형 주석, 선택적 및 기본 매개변수, 함수 오버로딩, 화살표 함수를 사용하면 더욱 견고하고 유지 관리하기 쉬운 코드를 작성할 수 있습니다. 이러한 기본 사항을 이해하면 프로젝트에서 TypeScript의 기능을 최대한 활용하는 데 도움이 됩니다.