질문 : TypeScript 란 무엇이며 JavaScript 대신 왜 사용합니까?
TypeScript 언어가 무엇인지 설명해 주시겠습니까?
자바 스크립트 나 사용 가능한 라이브러리가 할 수없는 것이 무엇을 할 수 있습니까?
답변
나는 TypeScript가 여전히 뜨거운 언론 일 때이 답변을 썼습니다. 5 년 후, 이것은 괜찮은 개요이지만 아래 Lodewijk의 답변 을 더 자세히 살펴보십시오.
1000피트 View
TypeScript 는 주로 선택적 정적 유형, 클래스 및 인터페이스를 제공하는 JavaScript의 상위 집합입니다. 가장 큰 이점 중 하나는 코드를 입력 할 때 일반적인 오류를 발견 할 수있는 풍부한 환경을 IDE에서 제공 할 수 있다는 것입니다.
내가 의미하는 바를 이해하려면 해당 언어에 대한 Microsoft의 소개 비디오를보십시오.
대규모 JavaScript 프로젝트의 경우 TypeScript를 채택하면보다 강력한 소프트웨어가 생성 될 수 있지만 일반 JavaScript 응용 프로그램이 실행되는 곳에 계속 배포 할 수 있습니다.
오픈 소스이지만 지원되는 IDE를 사용하는 경우 입력 할 때만 영리한 Intellisense를 얻을 수 있습니다. 처음에 이것은 Microsoft의 Visual Studio뿐이었습니다 ( Miguel de Icaza의 블로그 게시물에도 언급 됨). 요즘에는 다른 IDE에서도 TypeScript 지원을 제공합니다 .
이와 같은 다른 기술이 있습니까?
CoffeeScript 가 있지만 실제로는 다른 목적을 제공합니다. IMHO, CoffeeScript는 인간에게 가독성을 제공하지만 TypeScript는 선택적 정적 타이핑을 통해 도구에 대한 깊은 가독성을 제공합니다 (좀 더 비판 은이 최근 블로그 게시물 참조). Dart도 있지만 JavaScript 코드를 생성 할 수 있지만 JavaScript를 완전히 대체합니다.
예)
예를 들어, 여기 TypeScript가 있습니다 ( TypeScript Playground 에서 이것을 가지고 놀 수 있습니다)
class Greeter {
greeting: string;
constructor (message: string) {
this.greeting = message;
}
greet() {
return "Hello, " + this.greeting;
}
}
그리고 이것이 생성 할 자바 스크립트는
var Greeter = (function () {
function Greeter(message) {
this.greeting = message;
}
Greeter.prototype.greet = function () {
return "Hello, " + this.greeting;
};
return Greeter;
})();
TypeScript가 멤버 변수 및 클래스 메서드 매개 변수의 유형을 정의하는 방법에 유의하십시오. 이것은 JavaScript로 번역 할 때 제거되지만, 숫자 유형을 생성자에 전달하는 것과 같은 오류를 발견하기 위해 IDE 및 컴파일러에서 사용됩니다.
또한 명시 적으로 선언되지 않은 유형을 추론 할 수도 있습니다. 예를 들어 greet()
메서드가 문자열을 반환한다고 결정합니다.
디버깅 TypeScript
많은 브라우저와 IDE는 소스 맵을 통해 직접 디버깅 지원을 제공합니다. 자세한 내용은이 스택 오버플로 질문을 참조하세요.Visual Studio로 TypeScript 코드 디버깅
좀 더 알고 싶나요?
나는 TypeScript가 여전히 뜨거운 언론 일 때이 답변을 썼습니다. 이 질문에 대한 Lodewijk의 답변 에서 최신 세부 정보를 확인하십시오.
출처 : https://stackoverflow.com/questions/12694530/what-is-typescript-and-why-would-i-use-it-in-place-of-javascript
'프로그래밍 언어 > HTML,CSS,JS' 카테고리의 다른 글
JavaScript를 사용하여 문자열에서 공백을 제거하는 방법 (0) | 2021.12.15 |
---|---|
JavaScript 창 크기 조정 이벤트를 연결하는 방법 (0) | 2021.12.15 |
JavaScript에서 호출자 함수를 찾는 방법 (0) | 2021.12.14 |
JavaScript에서 문자열이 숫자인지 확인하는 방법 (0) | 2021.12.14 |
자바스크립트 변수가 존재하는지 확인하는 방법 (0) | 2021.12.13 |