[TypeScript] 파라미터 전달에 대한 고찰

오늘은 그냥 간단한 글입니다.

 

type PrintUser = (name: string, age: number) => void;

const printUser: PrintUser = (name, age) => {
  console.log(name, age);
};

printUser("aa", 10);

뷰에서 커스텀 훅이 리턴하는 함수를 호출할 일이 있었는데 위와 같은 방법(함수형 개별인자 타입)으로 호출하였다.

왜냐면 뷰에서 객체를 만들기가 싫었기 때문이다. (코드가 지저분해져서)

하지만 이러한 방식은 순서가 바뀌었을 때도 타입스크립트에서 잡아줄 수 없는 상황이 될 수 있기 때문에, 위험성이 있다.

 

type User = {name: string; age: number};

const printUser = (user: User) => {
  console.log(user.name, user.age);
};

printUser({name: "doringri", age: 10});

보통은 이렇게 사용하는 것이 일반적이다.