자바스크립트 개발에 익숙하다면 이 결과는 문자열 1020이라는 것을 알 수 있습니다. 자바나 C++ 등 변수에 타입을 정하는 언어를 사용한 사람이 보기에는 이상한 결과일 수밖에 없습니다. 이것이 타입이 없어 유연하기 때문에 쉽게 개발할 수 있는 자바스크립트의 장점이자 단점입니다.

이 코드에 다음과 같이 함수에 넘길 수 있는 인자의 타입이 정해져 있었다면 문제되지 않았을 것입니다.

function sum(a: number, b: number) {
  return a + b;
}

이 코드는 앞서 살펴본 sum() 함수를 타입스크립트로 작성한 것입니다. 인자 2개를 받아 더하는 동작은 같습니다. 다만 인자의 타입이 숫자(number)로 정의되어 있기에 이 함수의 인자로는 숫자를 넘겨야 한다는 것을 알 수 있습니다. 그뿐만 아니라 다음과 같은 부가 정보도 제공합니다.

▲ 그림 1-4 인자의 타입이 잘못되었을 때 표시되는 부가 정보