오늘 TypeScript를 배워야 하는 이유를 알아보겠습니다. TypeScript의 이점은 무엇입니까?

안녕! 내 프론트엔드 친구들!

typeScript를 배워야 할지 말아야 할지 확신이 서지 않는다면 잘 찾아오셨습니다. TypeScript가 당신을 위해 무엇을 할 수 있는지 정확히 이해하게 될 것이기 때문에 이 책을 읽은 후에 더 이상 읽을 필요가 없을 것입니다.

예제를 사용하여 각 요점을 차례로 명확히 합시다.

정적 유형 검사

Typescript는 주로 런타임 오류를 방지하는 데 사용됩니다. typescript를 사용하여 코드에 정적 유형 검사를 추가할 수 있습니다. 정말 놀랍습니다.

예를 들어보자

여기에서 우리는 모두 알고 있듯이 문자열을 호출할 수 없기 때문에 메시지를 호출하기 전에 먼저 메시지를 문자열로 선언합니다. ( 큰 프로젝트는 변수의 타입(문자열, 함수 등)을 기억하기 어려울 수 있으므로 타입을 자주 실수합니다. )

JavaScript의 런타임은 이 문제를 식별하고 발생시킵니다. 그러나 TypeScript에서 TypeScript는 처음에 코드를 실행하기 전에 오류 메시지를 표시합니다. 런타임이 오류를 찾을 때까지 기다릴 필요가 없다는 것이 정말 놀랍습니다.

예외가 아닌 실패

일반적으로 정의되지 않은 항목에 액세스하려고 하면 오류가 발생합니다. 그러나 개체에 존재하지 않는 속성에 액세스하면 오류도 발생한다고 상상할 수 있습니다. 대신 JavaScript는 undefined때때로 코드를 손상시키는 기능을 제공합니다.

예를 들어보자

person.location여기 개인 객체에서 우리는 정의되지 않은 속성에 액세스하려고 합니다 .

자바스크립트에서는 undefined때때로 코드가 깨질 수 있습니다.
그러나 Typescript에서는 즉시 알려드립니다.

오타

Typescript는 또한 오타를 방지합니다

오타를 얼마나 빨리 찾을 수 있습니까?.. typescript는 이러한 오타를 방지하는 데 도움이 됩니다.

명시적 유형

지금까지 "변수는 문자열, 숫자, 부울 등이어야 합니다."와 같은 변수 유형에 대해 TypeScript에 알리지 않았습니다.

예를 들어 이해하자

여기에 유형 주석 을 추가 person하여 date어떤 유형의 값 greet을 호출할 수 있는지 설명합니다. datestring 유형의 사람과 . 유형 의 a로 이해할 수 있습니다 Date.

greet이를 통해 TypeScript는 잘못 호출되었을 수 있는 다른 사례에 대해 알려줄 수 있습니다. 예를 들어…

tsc, TypeScript 컴파일러

브라우저는 typescript를 이해하지 못하므로 tsc 컴파일러를 사용하여 js로 컴파일해야 합니다.

npm install -g typescript

당신은 당신의 파일을 컴파일 할 수 있습니다

tsc <your file name>

당신이 그것을 좋아 바랍니다

즐거운 코딩하세요!

제안하고 싶습니다:-

LinkedIn Twitter 에서 저를 찾으세요

[email protected] 으로 이메일을 보내주세요.