언어/타입스크립트

[Typescript] 타입 type

youngble 2022. 2. 21. 01:31

타입스크립트 강의를 듣는데 재미있구만

 

 

resultPhrase 라는 string 값을 만들고 console.log 에서 n1 n2 같이 더한걸 출력하기로 했다. 그런데 자바스크립트의 동적타입 특성이 적용되는데 결과가

이런식으로 원하지않던 52.8 값이 나와버렸다.. 이것을 막기위해서 

미리 숫자형끼리 n1+n2  더하여 result 넣었다.

타입스크립트는 타입을 추론할 수 있다(따라서 “:number”를 생략할 수 있음)

위 코드처럼 let number1 라고 했을때 : 을 써서 number 라고 지정해줄수있다 하지만 이렇게 되면 add 함수에 쓰이는 파라미터와 중복되기도 하고 타입스크립트가 :number를 안쓰더라도 5가 초기화되어있기때문에 인식하여 number형태로 와야한다는걸 추론하기 때문에 굳이 길게 쓸필요가 없다. 만약 5라는 초기값이 없다면 :number 쓰면 좋은 활용이다.

만약 이렇게 숫자타입이 아닌 string 타입이오면 에러가 난다.

또한 resultPhrase 같이 선언과함께 초기화를 할경우 string타입으로 추론하여 타입을 결정하게 되는데

만약 string타입이 아닌 값을 할당하게되면 에러가 난다.

타입스크립트는 이처럼 타입을 잘못 사용하고있는지를 확인하고 에러를 통해 알려주는 핵심 작업을 수행한다.