[Typescript] 타입스크립트란?

자바스크립트는 웹을 위한 필수적인 언어

그러나 지금처럼 커지는것을 예상한 언어는 아니였다(..)

 

그래서 기능이 부실하다.

 

Typescript는 부실한 기능을 보완하기위해 태어났다.

 

Typescript

• Microsoft에서 개발한 오픈소스이다.
• Javascript의 상위개념이다
• Javascript도 사용할 수 있다.

 

Typescript의 핵심기능

function addNumbers(x, y) {
  return x + y;
}

console.log(addNumbers("three", 6));

위의 코드를 삽입하면 함수의 배개변수의 x,y에 빨간색 줄이 그어진다.

타입이 명시되지 않았다는 뜻.

그러나 실행은 되는데,

그 이유는 암시적으로 모든 타입을 의미하는 any가 할당되기 때문이다.

 

function addNumbers(x:number, y:number) {
  return x + y;
}

console.log(addNumbers("three", 6));

매개변수 x,y에 숫자타입인 number을 지정하면

addNumbers에 할당된 "three"에 빨간줄이 그어지며 하단의 에러가 발생된다.

Argument of type 'string' is not assignable to parameter of type 'number'.

이것이 타입스크립트의 핵심기능이다.

 

 

반응형

 

Typescript의 기능

• 인터페이스
• 네임스페이스
• 제네릭
• 추상클래스
• 데이터한정자
• 선택사항
• 함수오버로드
• 데코레이터
• 형식유틸리티
• readonly 키워드

 

Javscript와의 호환성

브라우저는 Javascript만 인식한다.

따라서 Typescript의 코드는 컴파일 후 Javascript로 변환되어야 한다.

이 때, Typescript 트랜스파일러가 사용된다.