티스토리 뷰
비교
자바스크립트 | 타입스크립트 |
유연함, 많은 것들을 허용해줌 | 자바스크립트 문법 + 타입 지정, 좀 더 깐깐 |
코드를 실행해야 에러가 나타남 | 코드 실행 전 미리 경고함 |
왜 타입스크립트?
- 개발자의 실수를 미연에 방지하려고
간단한 예시
(1) 객체에 없는 키 값을 조회할 경우
const user = {
name: "gildong",
age: 15
}
console.log(user.birth)
- 자바스크립트 : 코드를 실행했을 때의 결과로 undefined가 나옴
- 타입스크립트 : 코드를 실행하기 전부터 빨간 밑줄로 잘못된 부분을 알려줌
(2) 함수의 인자를 잘못 전달할 경우 (부족하거나, 초과하거나...)
function sum(a, b) {
console.log(a + b)
}
sum(1, 2, 3)
- 자바스크립트 : 세 번째 인자를 무시하고 1 + 2 의 결과인 3이 출력됨
- 타입스크립트 : 코드 실행 전부터 인자로 2개가 들어가야 하는데, 3개를 전달했다는 에러 메시지가 나옴
(3) 그 외 여러가지...
- 자바스크립트에서 가능한 것들이 타입스크립트에서는 타입에 따라 불가능해질 수 있음
'언어 > TypeScript' 카테고리의 다른 글
[TypeScript] 객체의 값을 Union Type으로 만들기 (0) | 2022.09.06 |
---|---|
[Typescript] 블록체인 만들기 (노마드코더) (0) | 2022.06.03 |
node.js 에서 타입스크립트(TypeScript) 효율적으로 사용하기 - package.json 파일 scripts 수정 (0) | 2022.06.03 |
댓글