TypeScript 함수: 매개변수와 반환 유형을 사용하는 방법

함수는 모든 프로그래밍 언어의 기본 요소이며, TypeScript는 유형 안전성을 추가하여 함수를 강화합니다. 매개변수와 반환 값에 대한 유형을 정의함으로써 TypeScript는 개발자가 보다 안정적이고 유지 관리하기 쉬운 코드를 작성할 수 있도록 합니다. 이 가이드에서는 TypeScript 함수를 소개하고 매개변수와 반환 유형을 효과적으로 사용하는 방법을 다룹니다.

TypeScript에서 함수 정의하기

TypeScript에서 함수는 JavaScript와 비슷하게 function 키워드를 사용하여 정의할 수 있습니다. 그러나 TypeScript에서는 추가적인 안전성과 가독성을 위해 매개변수와 반환 값의 유형을 지정할 수 있습니다.

기본 함수 예제

다음은 형식화된 매개변수와 반환 유형이 있는 기본 TypeScript 함수의 예입니다.

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

const result = add(5, 3); // Output: 8

이 예에서 add 함수는 number 유형의 두 매개변수를 허용하고 number 유형의 값을 반환합니다. 이렇게 하면 입력과 출력이 모두 예상 유형에 부합합니다.

TypeScript의 함수 매개변수

TypeScript 함수는 선택적, 기본 및 나머지 매개변수와 같은 다양한 유형의 매개변수를 허용할 수 있습니다. 각 유형을 자세히 살펴보겠습니다.

선택 매개변수

매개변수 이름 뒤에 ?를 추가하여 선택적 매개변수를 정의할 수 있습니다. 함수가 호출될 때 선택적 매개변수를 제공할 필요는 없습니다.

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

console.log(greet("Alice")); // Output: Hello, Alice.
console.log(greet("Bob", 25)); // Output: Hello, Bob. You are 25 years old.

이 예에서 age 매개변수는 선택 사항입니다. 이 함수는 age가 제공되든 제공되지 않든 올바르게 작동합니다.

기본 매개변수

기본 매개변수를 사용하면 함수가 호출될 때 매개변수가 제공되지 않을 경우 매개변수에 대한 기본값을 지정할 수 있습니다.

function multiply(a: number, b: number = 2): number {
  return a * b;
}

console.log(multiply(5)); // Output: 10
console.log(multiply(5, 3)); // Output: 15

이 예에서 b 매개변수는 기본값 2을 갖습니다. 두 번째 인수가 제공되지 않으면 기본적으로 2이 사용됩니다.

나머지 매개변수

나머지 매개변수를 사용하면 다양한 수의 인수를 함수에 전달할 수 있습니다. ... 구문을 사용하여 정의됩니다.

function sum(...numbers: number[]): number {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3, 4)); // Output: 10
console.log(sum(5, 10, 15)); // Output: 30

이 예에서 sum 함수는 모든 number 유형의 인수를 아무리 많이 받아도 합계를 반환합니다.

TypeScript의 반환 유형

함수의 반환 유형을 지정하는 것은 매개변수 유형을 정의하는 것만큼 중요합니다. 이는 TypeScript가 함수의 예상 출력을 이해하여 올바른 데이터 유형을 반환하도록 하는 데 도움이 됩니다.

반환 유형 지정

함수의 반환 유형을 지정하려면 매개변수 목록 뒤에 콜론 :과 유형을 추가합니다.

function isEven(num: number): boolean {
  return num % 2 === 0;
}

console.log(isEven(4)); // Output: true
console.log(isEven(5)); // Output: false

이 예에서 isEven 함수는 입력 숫자가 짝수인지 아닌지를 나타내는 boolean을 반환합니다.

반환 유형이 없는 함수

함수가 값을 반환하지 않을 때 반환 유형은 void입니다. 이는 결과를 제공하지 않고 작업을 수행하는 함수에 유용합니다.

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

logMessage("Hello, TypeScript!"); // Output: Hello, TypeScript!

이 예에서 logMessage 함수는 콘솔에 메시지를 기록하고 아무것도 반환하지 않으므로 반환 유형은 void입니다.

결론

TypeScript 함수는 매개변수 유형과 반환 유형을 정의하여 유형 안전 코드를 작성하는 강력한 방법을 제공합니다. 선택적, 기본 및 나머지 매개변수를 사용하고 반환 유형을 지정하면 보다 견고하고 유지 관리하기 쉬운 함수를 만들 수 있습니다. 더 나은 코드 품질과 안전성을 보장하기 위해 프로젝트에서 TypeScript 함수를 사용하기 시작하세요.