TypeScript - podstawowa składnia

Składnia definiuje zestaw reguł dotyczących pisania programów. Każda specyfikacja języka definiuje własną składnię. Program w języku TypeScript składa się z -

Modules
Functions
Variables
Instrukcje i wyrażenia
Comments

Twój pierwszy kod TypeScript

Zacznijmy od tradycyjnego przykładu „Hello World” -

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

Podczas kompilacji wygeneruje następujący kod JavaScript.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

Linia 1 deklaruje zmienną w komunikacie z nazwą. Zmienne to mechanizm przechowywania wartości w programie.
Linia 2 wypisuje wartość zmiennej do zachęty. Tutaj konsola odnosi się do okna terminala. Funkcja log () służy do wyświetlania tekstu na ekranie.

Skompiluj i wykonaj program TypeScript

Zobaczmy, jak skompilować i wykonać program TypeScript przy użyciu Visual Studio Code. Wykonaj czynności podane poniżej -

Step 1- Zapisz plik z rozszerzeniem .ts. Plik zapiszemy jako Test.ts. Edytor kodu zaznacza ewentualne błędy w kodzie podczas jego zapisywania.

Step 2- Kliknij prawym przyciskiem myszy plik TypeScript w opcji Pliki robocze w okienku eksploracji programu VS Code. Wybierz opcję Otwórz w wierszu polecenia.

Step 3 - Aby skompilować plik, użyj następującego polecenia w oknie terminala.

tsc Test.ts

Step 4- Plik jest kompilowany do Test.js. Aby uruchomić napisany program, wpisz w terminalu:

node Test.js

Flagi kompilatora

Flagi kompilatora umożliwiają zmianę zachowania kompilatora podczas kompilacji. Każda flaga kompilatora uwidacznia ustawienie, które umożliwia zmianę sposobu zachowania kompilatora.

W poniższej tabeli wymieniono niektóre typowe flagi skojarzone z kompilatorem TSC. Typowe użycie wiersza polecenia wykorzystuje niektóre lub wszystkie przełączniki.

S.No.	Flaga i opis kompilatora
1.	--help Wyświetla podręcznik pomocy
2.	--module Załaduj moduły zewnętrzne
3.	--target Ustaw docelową wersję ECMA
4.	--declaration Generuje dodatkowy plik .d.ts
5.	--removeComments Usuwa wszystkie komentarze z pliku wyjściowego
6.	--out Skompiluj wiele plików w jeden plik wyjściowy
7.	--sourcemap Wygeneruj pliki mapy źródłowej (.map)
8.	--module noImplicitAny Uniemożliwia kompilatorowi wywnioskowanie dowolnego typu
9.	--watch Uważaj na zmiany plików i rekompiluj je w locie

Note - Można skompilować wiele plików jednocześnie.

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

Identyfikatory w TypeScript

Identyfikatory to nazwy nadawane elementom w programie, takim jak zmienne, funkcje itp. Reguły dotyczące identyfikatorów to -

Identyfikatory mogą zawierać zarówno znaki, jak i cyfry. Jednak identyfikator nie może zaczynać się od cyfry.
Identyfikatory nie mogą zawierać symboli specjalnych z wyjątkiem podkreślenia (_) lub znaku dolara ($).
Identyfikatory nie mogą być słowami kluczowymi.
Muszą być wyjątkowe.
W identyfikatorach jest rozróżniana wielkość liter.
Identyfikatory nie mogą zawierać spacji.

Poniższe tabele zawierają kilka przykładów prawidłowych i nieprawidłowych identyfikatorów -

Prawidłowe identyfikatory	Nieprawidłowe identyfikatory
Imię	Var
Imię	Imię
num1	Imię
$ wynik	1liczba

TypeScript ─ Słowa kluczowe

Słowa kluczowe mają specjalne znaczenie w kontekście języka. W poniższej tabeli wymieniono niektóre słowa kluczowe w języku TypeScript.

przerwa	tak jak	każdy	przełącznik
walizka	gdyby	rzucać	jeszcze
var	numer	strunowy	dostać
moduł	rodzaj	wystąpienie	typ
publiczny	prywatny	enum	eksport
Wreszcie	dla	podczas	unieważnić
zero	Wspaniały	to	Nowy
w	powrót	prawdziwe	fałszywy
każdy	rozciąga się	statyczny	pozwolić
pakiet	przybory	berło	funkcjonować
Nowy	próbować	wydajność	konst
kontyntynuj	zrobić	łapać

Spacje i podziały wierszy

TypeScript ignoruje spacje, tabulatory i znaki nowej linii, które pojawiają się w programach. Możesz swobodnie używać spacji, tabulatorów i znaków nowej linii w swoim programie i możesz swobodnie formatować i wciskać swoje programy w schludny i spójny sposób, dzięki czemu kod jest łatwy do odczytania i zrozumienia.

W języku TypeScript rozróżniana jest wielkość liter

W języku TypeScript rozróżniana jest wielkość liter. Oznacza to, że TypeScript rozróżnia wielkie i małe litery.

Średniki są opcjonalne

Każda linia instrukcji nazywa się a statement. Średniki są opcjonalne w TypeScript.

Example

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

Pojedynczy wiersz może zawierać wiele instrukcji. Jednak te instrukcje muszą być oddzielone średnikiem.

Komentarze w języku TypeScript

Komentarze są sposobem na poprawę czytelności programu. Komentarze mogą służyć do dołączania dodatkowych informacji o programie, takich jak autor kodu, wskazówki dotyczące funkcji / konstrukcji itp. Komentarze są ignorowane przez kompilator.

TypeScript obsługuje następujące typy komentarzy -

Single-line comments ( // ) - Każdy tekst między // a końcem linii jest traktowany jako komentarz
Multi-line comments (/* */) - Te komentarze mogą obejmować wiele linii.

Example

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

TypeScript i Object Orientation

TypeScript to obiektowy JavaScript. Object Orientation to paradygmat tworzenia oprogramowania, który jest zgodny z modelowaniem w świecie rzeczywistym. Object Orientation traktuje program jako zbiór obiektów, które komunikują się ze sobą za pomocą mechanizmu zwanego metodami. TypeScript obsługuje również te komponenty zorientowane obiektowo.

Object- Obiekt jest reprezentacją dowolnego podmiotu w czasie rzeczywistym. Według Grady Brooch każdy przedmiot musi mieć trzy cechy -
- State - opisywany atrybutami obiektu
- Behavior - opisuje, jak obiekt będzie działał
- Identity - unikalna wartość, która odróżnia obiekt od zbioru podobnych takich obiektów.
Class- Klasa w zakresie OOP to plan tworzenia obiektów. Klasa hermetyzuje dane dla obiektu.
Method - Metody ułatwiają komunikację między obiektami.

Example: TypeScript and Object Orientation

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

Powyższy przykład definiuje klasę Greeting . Klasa ma metodę greet () . Metoda wyświetla na terminalu ciąg „Hello World”. Pliknewsłowo kluczowe tworzy obiekt klasy (obj). Obiekt wywołuje metodę greet () .

Podczas kompilacji wygeneruje następujący kod 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()

Wynik powyższego programu podano poniżej -

Hello World!!!