JS의 Super Set 이라는 TS 맛보기
Super Set 은 상위호환? 정도의 느낌이라고 한다.
큰 차이는 유연한 문법이었던 JS와 달리 엄격한 문법이고,
이것은 그냥 변수에 뚜렷한 타입을 지정해주는걸 말한다.
? 이래서 타입스크립트인가
실행법
1.npm install typescript
타입스크립트 설치
2.npx tsc hello.ts
타입스크립트 파일을 자바스크립트로 변환
3.node hello.js
변환된 자바스크립트 파일을 실행
JS
let temp = DH ; temp = 1 ; temp = false ;
TS
let temp :string = DH ; temp = 1
아래는 에러가 난다고 한다.
- 기본 변수형은 기존에 써왔던
int, string , boolean
외에도
null, undefined
이 있다.
- undefined - 초기화 하지 않음
- null - 초기화 후 null값을 할당
let nullable:null = null; let undefinedable:undefined = undefined; // null, undefined에 값을 할당하고자 하면 에러가 발생합니다!!! // nullable = 0; undefinedable = "";
- any - 모든게 다 들어감
let myName: any = "h662"; console.log(myName); // any는 어떠한 타입도 수용합니다. myName = 123; console.log(myName); myName = false; console.log(myName);
- 유니온 - 들어갈 몇개만 지정해서 사용
let nameOrAge: string | number = "h662"; nameOrAge = 99; // 이제부터는 string 혹은 number nameOrAge = false;
- 그밖에 Array , Object , Function이 있다.. 써보면 알게되겠지