티스토리 뷰

비교

자바스크립트 타입스크립트
유연함, 많은 것들을 허용해줌 자바스크립트 문법 + 타입 지정, 좀 더 깐깐
코드를 실행해야 에러가 나타남 코드 실행 전 미리 경고

 

왜 타입스크립트?

  • 개발자의 실수를 미연에 방지하려고

 

간단한 예시

(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) 그 외 여러가지...

  • 자바스크립트에서 가능한 것들이 타입스크립트에서는 타입에 따라 불가능해질 수 있음
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함