개발/이펙티브 타입스크립트

[이펙티브 타입스크립트+12] 함수 표현식에 타입 적용하기

Junghyun Kim 2021. 8. 8. 21:20
반응형

2장 타입스크립트의 타입 시스템
아이템 12 | 함수 표현식에 타입 적용하기

3줄 요약
1. 타입스크립트에서는 타입 재활용이라는 관점에서 함수 선언문보다 함수 표현식이 장점을 가진다.
2. 함수 선언문과 함수 표현식의 차이점을 이해하라. (함수 호이스팅 등)
3. ...

참고) 이펙티브 타입스크립트는 타입스크립트의 기본 그 이상을 다룹니다.


자바스크립트에서 함수를 만들 때에는 크게 두 가지 방식이 있습니다.
함수 선언문과 함수 표현식입니다.

함수 선언문과 함수 표현식.

타입스크립트에서는 함수 표현식을 사용하는 것을 권장합니다.
함수 표현식을 사용하면 함수의 매개변수와 반환값를 한번에 함수 타입으로 선언할 수 있기 때문입니다.
반면에, 함수 선언문을 사용하면 함수의 매개변수와 반환값의 타입을 따로 선언해야합니다.

함수 선언문의 매개변수와 리턴값 타입 선언.

반면에 함수 표현식을 사용하게 되면 매개변수와 리턴값의 타입을 한 번에 선언할 수 있습니다.
그리고 그 덕분에 재활용이 가능합니다.

ExpressionFunction 타입으로 재활용할 수 있다.

타입의 재활용이라는 관점에서 함수 표현식이 장점을 가지고 있습니다.

그러나 이렇게 사용할 때에는 함수 호이스팅에서의 차이점이 있으니 해당 부분에 대해서는 인지를 하면서 사용하는 것이 좋습니다.

 

Materials From
1. <이펙티브 타입스크립트>(댄 밴더캄 지음, 장원호 옮김, 인사이트 2021)
2. 타입스크립트 공식 홈페이지 | https://www.typescriptlang.org/

 

Typed JavaScript at Any Scale.

TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.

www.typescriptlang.org

 

반응형