>  기사  >  웹 프론트엔드  >  타입스크립트와 자바스크립트의 차이점은 무엇인가요?

타입스크립트와 자바스크립트의 차이점은 무엇인가요?

王林
王林원래의
2020-04-29 10:37:3313723검색

타입스크립트와 자바스크립트의 차이점은 무엇인가요?

먼저 두 가지의 정의를 살펴보겠습니다.

자바스크립트란 무엇인가요?

JavaScript는 컴파일이 필요하지 않은 가벼운 해석 스크립트 언어로, HTML 페이지에 내장되어 브라우저 측에서 실행될 수 있으며 사용자에게 원활하고 다양한 사용자 경험을 제공할 수 있습니다.

타입스크립트란 무엇인가요?

TypeScript 코드는 ts 파일에 저장됩니다. ts 파일이 컴파일되면 js 파일이 생성됩니다. 유효한 JavaScript 코드는 모두 TypeScript 코드로 직접 컴파일될 수 있지만 컴파일된 코드는 원본 JavaScript 코드와 동일합니다. TypeScript 코드가 컴파일된 후 해당 JavaScript 코드로 변환됩니다.

그럼 둘 사이의 내용을 비교해 보겠습니다.

1. TypeScript는 JavaScript에는 없는 "클래스" 개념을 도입합니다.

ES6에서는 이미 클래스를 지원하지만 TypeScript와 ES6 클래스는 완전히 동일하지는 않지만 ts 코드는 유형 주석을 통해 변수 유형을 선언할 수 있습니다.

2. TypeScript의 데이터에는 JavaScript에서는 필요하지 않은 명확한 유형이 필요합니다.

3. TypeScript는 유형 주석을 통해 컴파일 타임에 정적 유형 검사를 제공합니다.

let str: string;//ts代码
let str;//编译生成的js代码

비교를 통해 명확하게 볼 수 있습니다. ts 코드 변수를 선언할 때 변수의 유형을 설명하기 위해 ": type"을 추가합니다. 이는 유형 주석입니다.

4. TypeScript는 핵심 언어 측면과 클래스 개념 모델링에서 JavaScript 개체 모델을 확장합니다.

5. JavaScript 코드는 수정 없이 TypeScript와 함께 작동할 수 있으며, 컴파일러를 사용하여 TypeScript 코드를 JavaScript로 변환할 수 있습니다.

6. TypeScript는 함수에 대한 기본 매개변수 값을 제공합니다.

TypeScript 함수에서는 각 매개변수에 대한 유형 주석과 함수에 대한 반환 유형 주석(매개변수 목록 뒤의 ":Type")을 제공할 수 있습니다. 매개변수 이름 오른쪽에 [? ]는 선택적 매개변수를 나타냅니다.

7. TypeScript는 선언, 데이터, 함수 및 클래스를 모듈에 캡슐화할 수 있는 모듈 개념을 도입합니다.

추천 튜토리얼: js 입문 튜토리얼

위 내용은 타입스크립트와 자바스크립트의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.