Community

Don't use return types, unless...

반환 유형을 사용하면 개발자가 함수가 반환해야 하는 것을 명시할 수 있습니다. 예로 들어 `makeID`라는 함수는 ID 문자열과 길이가 16인 무작위 숫자를 끝에 추가하여 반환하는 함수입니다. 반환 유형에 string을 추가하면 함수가 문자열을 반환하도록 보장할 수 있습니다. 반대로 반환 유형을 number로 변경하면 string 형식은 number 형식에 할당할 수 없다는 오류가 발생합니다. 비디오는 반환 유형이 함수가 특정 유형을 반환하도록 강제하는 데 도움이 될 수 있지만, 유지 관리해야 하는 추가 코드가 될 수도 있다고 설명합니다. 따라서 규칙은 TypeScript가 이미 반환하는 것을 알고 있는 `makeID`와 같은 간단한 함수에서는 반환 유형을 사용하지 않는 것입니다. 대신 개발자는 TypeScript가 스스로 결과를 추론하도록 해야 합니다. 그러나 함수에 여러 가지 분기가 있거나 라이브러리 코드를 작성하는 경우 반환 유형이 유용합니다. 이러한 경우 반환 유형을 사용하여 함수가 반환하는 것이 의도한 대로인지 보장하고 코드를 확장하기 쉽게 만들 수 있습니다. 예를 들어, `handleNewState`라는 함수는 창에 초점을 맞춘 이벤트와 창에 초점을 잃은 이벤트 두 가지 유형의 이벤트를 받아들이고 전달된 이벤트에 기반하여 새 상태를 반환합니다. 함수가 반환해야 하는 것을 설명하는 새 유형을 만들고 반환 유형을 `state`로 표시함으로써 `handleNewState`가 의도한 대로 반환되도록 보장할 수 있습니다. 비디오는 또한 대형 객체가 코드를 통해 전달되고 추론될 때 반환 유형이 도움이 될 수 있는 특정 성능 문제가 있을 수 있다고 언급합니다. 그러나 대부분의 응용 프로그램 코드에서는 반환 유형을 기본적으로 사용하지 않아야 합니다. 개발자는 응용 프로그램 코드에 반환 유형을 강제하는 eslint 규칙을 끌 수 있지만 필요한 경우 반환 유형을 사용해야 합니다. 요약하면, 반환 유형은 TypeScript에서 함수가 의도한 대로 반환되도록 보장하는 데 유용한 도구입니다. 그러나 개발자는 특히 간단한 함수에서는 조심스럽게 사용해야 하며 TypeScript가 스스로 결과를 추론하도록 해야 합니다. 그러나 함수에 여러 가지 분기가 있거나 라이브러리 코드를 작성하는 경우 반환 유형이 코드를 확장하기 쉽고 의도한 것을 반환하도록 하는 유용한 방법입니다.

알림

알림이 없습니다