아마 코드를 직접 따라 작성한 독자라면 다음과 같이 재미있는 점을 발견할 수 있을 것입니다.

▲ 그림 1-5 total 변수에 제공되는 API 미리보기

sum() 함수의 결과를 total 변수에 담은 후 total.toF까지 입력하면 비주얼 스튜디오 코드에서 toFixed() API 정보를 제공해 줌과 동시에 tab으로 키워드를 자동 완성하도록 도와 줍니다. 앞서 동일한 내용의 자바스크립트 코드를 작성했을 때는 전혀 지원받지 못했던 기능이죠. 어떻게 이것이 가능할까요?

바로 타입스크립트를 사용했기 때문에 그렇습니다. 숫자를 2개 받아 더한 후 반환해 주는 sum() 함수의 반환 타입은 number로 추론됩니다(타입이 추론되는 과정은 12장에서 자세히 살펴보겠습니다).

▲ 그림 1-6 자바스크립트로 작성한 sum( ) 함수와 타입스크립트로 작성한 sum( ) 함수의 결과 비교