[The Basics] Erased Types

위의 함수. greet을 tsc로 컴파일 하여 JavaScript를 출력하면 어떻게 되는지 살펴보겠습니다.

Let's take a look at what happens when we compile the above function greet with tsc to output JavaScript:

Let's take a look at what happens when we compile the above function greet with tsc to output javaScript

Let's take a look at what happens when we compile the above function greet with tsc to output javaScript

 

"use strict";
function greet(person, date) {
  console.og("Hello ".concat(person, ", today is ").concat(date.toDateString(), "!"));
}
greet("Maddison", new Date());

여기서 주의할게 두 가지가 있다:

1. person과 date 파라미터들은 더 이상 타입 어노테이션을 가지지 않는다. 

2. 우리의 템플릿 문자열( `으로 연결된 문자열)은 concatenations인 순수한 문자열로 변환되었다.

 

두 번째 포인트에 대해서는 나중에 자세히 알아보겠지만, 이제 첫 번째 포인트에 초점을 맞추도록 하겠습니다.
형식 주석은 자바스크립트의 일부가 아니므로 수정 없이 형식스크립트를 실행할 수 있는 브라우저나 다른 런타임은 존재하지 않는다.
이것이 바로 TypeScript가 컴파일러를 필요로 하는 이유입니다 - 당신이 실행할 수 있도록 TypeScript 관련 코드를 제거하거나 변환하는 방법이 필요합니다.
대부분의 TypeScript 관련 코드는 지워지고, 마찬가지로 여기에서도 Type 주석이 완전히 지워졌습니다.