TypeScript는 정적 타입을 지원하는 JavaScript의 확장된 버전으로, 코드의 가독성과 유지보수성을 향상시키기 위해 타입 시스템을 도입합니다. 함수 파라미터의 타입을 명확하게 지정하는 것은 코드를 안정적으로 유지하고 오류를 방지하는 데 도움이 됩니다.

기본적인 방법

함수 파라미터의 타입을 오른쪽 화살표 표기법을 사용하여 지정할 수 있습니다. 예를 들어, add 함수의 파라미터 x와 y의 타입을 각각 number로 지정하는 방법은 다음과 같습니다.

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

위 예제에서 add 함수는 number 타입의 x와 y를 파라미터로 받고, number 타입의 값을 반환합니다.

선택적 파라미터

어떤 파라미터는 반드시 제공되어야 하지만, 어떤 파라미터는 선택적으로 제공될 수 있을 때가 있습니다. TypeScript에서는 이를 위해 파라미터 뒤에 물음표(?)를 붙여 선택적 파라미터를 지정할 수 있습니다.

function fullName(firstName: string, lastName?: string): string {
    if (lastName) {
        return `${firstName} ${lastName}`;
    } else {
        return firstName;
    }
}

위 예제에서 lastName 파라미터는 선택적으로 제공되며, lastName이 제공되지 않았을 경우 undefined로 처리됩니다.

나머지 파라미터

가변적인 수의 파라미터를 받을 수 있는 함수를 작성해야 할 때, 나머지 파라미터 문법을 사용할 수 있습니다.

function buildName(firstName: string, ...restOfName: string[]): string {
    return `${firstName} ${restOfName.join(" ")}`;
}

위 예제에서 restOfName은 나머지 모든 파라미터를 문자열 배열로 받아들입니다.

함수 파라미터의 타입을 명확하게 지정함으로써 코드를 더 명확하게 작성할 수 있고, 잠재적인 오류를 방지할 수 있습니다. TypeScript를 사용함으로써 코드의 안정성과 신뢰성을 향상시켜보세요.

참고 자료:

• TypeScript 공식 문서: 함수