TypeScript-기본 구문

구문은 프로그램 작성을위한 일련의 규칙을 정의합니다. 모든 언어 사양은 자체 구문을 정의합니다. TypeScript 프로그램은-

  • Modules
  • Functions
  • Variables
  • 진술 및 표현
  • Comments

첫 번째 TypeScript 코드

전통적인 "Hello World"예제부터 시작하겠습니다.

var message:string = "Hello World" 
console.log(message)

컴파일시 다음 JavaScript 코드가 생성됩니다.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);
  • 1 행은 message라는 이름으로 변수를 선언합니다. 변수는 프로그램에 값을 저장하는 메커니즘입니다.

  • 2 행은 변수의 값을 프롬프트에 인쇄합니다. 여기서 콘솔은 터미널 창을 의미합니다. 기능 로그 () 는 화면에 텍스트를 표시하는 데 사용됩니다.

TypeScript 프로그램 컴파일 및 실행

Visual Studio Code를 사용하여 TypeScript 프로그램을 컴파일하고 실행하는 방법을 살펴 보겠습니다. 아래 단계를 따르십시오-

Step 1− .ts 확장자로 파일을 저장합니다. 파일을 Test.ts로 저장합니다. 코드 편집기는 저장하는 동안 코드에 오류를 표시합니다 (있는 경우).

Step 2− VS Code의 탐색 창에서 작업 파일 옵션에서 TypeScript 파일을 마우스 오른쪽 버튼으로 클릭합니다. 명령 프롬프트에서 열기 옵션을 선택합니다.

Step 3 − 파일을 컴파일하려면 터미널 창에서 다음 명령을 사용하십시오.

tsc Test.ts

Step 4− 파일이 Test.js로 컴파일됩니다. 작성된 프로그램을 실행하려면 터미널에 다음을 입력하십시오.

node Test.js

컴파일러 플래그

컴파일러 플래그를 사용하면 컴파일 중에 컴파일러의 동작을 변경할 수 있습니다. 각 컴파일러 플래그는 컴파일러의 작동 방식을 변경할 수있는 설정을 제공합니다.

다음 표에는 TSC 컴파일러와 관련된 몇 가지 일반적인 플래그가 나열되어 있습니다. 일반적인 명령 줄 사용은 일부 또는 모든 스위치를 사용합니다.

S. 아니. 컴파일러 플래그 및 설명
1.

--help

도움말 매뉴얼을 표시합니다.

2.

--module

외부 모듈로드

삼.

--target

대상 ECMA 버전 설정

4.

--declaration

추가 .d.ts 파일을 생성합니다.

5.

--removeComments

출력 파일에서 모든 주석을 제거합니다.

6.

--out

여러 파일을 단일 출력 파일로 컴파일

7.

--sourcemap

소스 맵 (.map) 파일 생성

8.

--module noImplicitAny

컴파일러가 모든 유형을 유추하지 못하도록합니다.

9.

--watch

파일 변경 사항을 확인하고 즉시 다시 컴파일

Note − 한 번에 여러 파일을 컴파일 할 수 있습니다.

tsc file1.ts, file2.ts, file3.ts

TypeScript의 식별자

식별자는 변수, 함수 등과 같은 프로그램의 요소에 부여되는 이름입니다. 식별자에 대한 규칙은 다음과 같습니다.

  • 식별자에는 문자와 숫자가 모두 포함될 수 있습니다. 그러나 식별자는 숫자로 시작할 수 없습니다.

  • 식별자에는 밑줄 (_) 또는 달러 기호 ($)를 제외한 특수 기호를 포함 할 수 없습니다.

  • 식별자는 키워드가 될 수 없습니다.

  • 고유해야합니다.

  • 식별자는 대소 문자를 구분합니다.

  • 식별자는 공백을 포함 할 수 없습니다.

다음 표는 유효하고 유효하지 않은 식별자의 몇 가지 예를 나열합니다.

유효한 식별자 잘못된 식별자
이름 Var
이름 이름
num1 이름
$ result 1 번호

TypeScript ─ 키워드

키워드는 언어 컨텍스트에서 특별한 의미를 갖습니다. 다음 표에는 TypeScript의 일부 키워드가 나열되어 있습니다.

단절 같이 어떤 스위치
케이스 만약 던지다 그밖에
var 번호 가져 오기
기준 치수 유형 대신에 유형
공공의 은밀한 열거 형 수출
드디어 ...에 대한 동안
없는 감독자 새로운
반환 진실 그릇된
어떤 연장하다 공전 허락하다
꾸러미 구현 상호 작용 함수
새로운 시험 수율 const
계속하다 하다 잡기

공백 및 줄 바꿈

TypeScript는 프로그램에 나타나는 공백, 탭 및 줄 바꿈을 무시합니다. 프로그램에서 공백, 탭 및 줄 바꿈을 자유롭게 사용할 수 있으며 코드를 쉽게 읽고 이해할 수 있도록 깔끔하고 일관된 방식으로 프로그램을 형식화하고 들여 쓰기 할 수 있습니다.

TypeScript는 대소 문자를 구분합니다.

TypeScript는 대소 문자를 구분합니다. 이것은 TypeScript가 대문자와 소문자를 구분한다는 것을 의미합니다.

세미콜론은 선택 사항입니다.

각 명령 줄을 statement. 세미콜론은 TypeScript에서 선택 사항입니다.

Example

console.log("hello world")
console.log("We are learning TypeScript")

한 줄에 여러 문이 포함될 수 있습니다. 그러나 이러한 문은 세미콜론으로 구분해야합니다.

TypeScript의 주석

주석은 프로그램의 가독성을 향상시키는 방법입니다. 주석은 코드 작성자, 함수 / 구조에 대한 힌트 등과 같은 프로그램에 대한 추가 정보를 포함하는 데 사용할 수 있습니다. 주석은 컴파일러에서 무시됩니다.

TypeScript는 다음 유형의 주석을 지원합니다-

  • Single-line comments ( // ) − //와 줄 끝 사이의 모든 텍스트는 주석으로 처리됩니다.

  • Multi-line comments (/* */) − 이러한 주석은 여러 줄에 걸쳐있을 수 있습니다.

Example

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScript 및 객체 방향

TypeScript는 객체 지향 JavaScript입니다. Object Orientation은 실제 모델링을 따르는 소프트웨어 개발 패러다임입니다. 객체 지향은 프로그램을 메소드라는 메커니즘을 통해 서로 통신하는 객체 모음으로 간주합니다. TypeScript는 이러한 객체 지향 구성 요소도 지원합니다.

  • Object− 개체는 모든 개체의 실시간 표현입니다. Grady Brooch에 따르면 모든 개체에는 세 가지 기능이 있어야합니다.

    • State − 객체의 속성으로 설명

    • Behavior − 물체가 어떻게 작동하는지 설명

    • Identity − 유사한 객체 세트와 객체를 구별하는 고유 한 값.

  • Class− OOP 측면에서 클래스는 객체 생성을위한 청사진입니다. 클래스는 객체에 대한 데이터를 캡슐화합니다.

  • Method − 방법은 객체 간의 의사 소통을 용이하게합니다.

Example: TypeScript and Object Orientation

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

위의 예제는 Greeting 클래스를 정의합니다 . 클래스에는 greet () 메서드가 있습니다. 이 메서드는 터미널에 "Hello World"문자열을 인쇄합니다. 그만큼new키워드는 클래스 (obj)의 객체를 만듭니다. 객체는 greet () 메서드를 호출합니다 .

컴파일시 다음 JavaScript 코드가 생성됩니다.

//Generated by typescript 1.8.10
var Greeting = (function () {
   function Greeting() {
   }
   Greeting.prototype.greet = function () {
      console.log("Hello World!!!");
   };
	return Greeting;
}());

var obj = new Greeting();
obj.greet()

위 프로그램의 출력은 다음과 같습니다.

Hello World!!!