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!!!