Noțiuni introductive cu TypeScript pentru începători

TypeScript este un superset puternic de JavaScript care adaugă tastării statice și alte funcții avansate limbajului. Ajută dezvoltatorii să detecteze erorile din timp, să scrie cod mai curat și să mențină mai eficient baze de coduri mari. În acest ghid, vă vom prezenta elementele de bază ale TypeScript și vă vom ajuta să începeți cu el, chiar dacă sunteți un începător complet.

Ce este TypeScript?

TypeScript este un limbaj de programare open-source dezvoltat de Microsoft. Se bazează pe JavaScript prin adăugarea de tipuri statice, care pot ajuta la identificarea erorilor în timpul compilării, mai degrabă decât în ​​timpul executării. Acest lucru face mai ușor să scrieți cod de încredere și care poate fi întreținut. Codul TypeScript trebuie compilat în JavaScript înainte de a putea fi rulat într-un browser sau într-un mediu Node.js.

De ce să folosiți TypeScript?

• Calitatea codului îmbunătățită și detectarea timpurie a erorilor cu tastare statică
• Instrumente mai bune și funcții de completare automată în IDE-urile moderne
• Lizibilitate și întreținere îmbunătățite pentru baze de cod mari
• Acceptă cele mai recente caracteristici JavaScript și standardele viitoare

Cum se instalează TypeScript

Înainte de a putea începe să utilizați TypeScript, trebuie să îl instalați pe computer. Veți avea nevoie de instalat Node.js și npm (Manager de pachete Node). Dacă nu le aveți instalate, descărcați-le de pe site-ul Node.js.

1. Deschideți terminalul sau promptul de comandă.
2. Rulați următoarea comandă pentru a instala TypeScript la nivel global:

npm install -g typescript

Această comandă va instala TypeScript la nivel global pe sistemul dvs., făcându-l accesibil din orice folder.

Crearea primului tău program TypeScript

După ce ați instalat TypeScript, puteți crea primul fișier TypeScript. Urmați acești pași:

1. Creați un folder nou pentru proiectul dvs. și navigați la el folosind terminalul:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. Creați un fișier TypeScript nou numit app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

Acest lucru creează un fișier TypeScript simplu care înregistrează „Hello, TypeScript!” la consolă.

Compilarea TypeScript la JavaScript

Codul TypeScript nu poate fi executat direct de browsere sau de Node.js; mai întâi trebuie să fie compilat în JavaScript. Puteți compila fișierul TypeScript rulând următoarea comandă în terminal:

tsc app.ts

Această comandă generează un fișier JavaScript numit app.js în același director. Acum puteți rula fișierul JavaScript compilat folosind Node.js:

node app.js

Ar trebui să vedeți Bună ziua, TypeScript! tipărit pe consolă.

Înțelegerea tipurilor de bază în TypeScript

TypeScript introduce mai multe tipuri de bază care vă ajută să definiți forma și structura datelor dvs. Iată câteva tipuri comune:

• Număr: Reprezintă valori numerice.
• String: Reprezintă valorile text.
• Boolean: Reprezintă valori adevărate sau false.
• Array: Reprezintă o colecție de valori de același tip.
• Tuple: Reprezintă o matrice cu un număr fix de elemente de diferite tipuri.
• Enum: Reprezintă o colecție de constante numite.
• Any: Reprezintă un tip dinamic care poate conține orice valoare.

Exemplu: Utilizarea Tipurilor în TypeScript

Să ne uităm la un exemplu simplu care demonstrează utilizarea diferitelor tipuri în TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

În acest exemplu, definim variabile cu tipuri specifice precum number, string, boolean, array, tuple și enum. Compilatorul TypeScript se va asigura că variabilelor li se atribuie tipurile corecte, oferind un nivel de siguranță pe care JavaScript nu îl oferă.

Concluzie

TypeScript este o alegere excelentă pentru dezvoltatorii care doresc să scrie cod mai robust și mai ușor de întreținut. Adăugând tipuri statice la JavaScript, TypeScript vă poate ajuta să detectați erorile mai devreme și să vă ofere un suport mai bun pentru instrumente. În acest tutorial, ați învățat elementele de bază ale TypeScript, cum să îl instalați, să scrieți un program simplu și să utilizați unele dintre tipurile sale de bază. Pe măsură ce continuați să explorați TypeScript, veți descoperi multe funcții mai puternice care vă pot ajuta să vă îmbunătățiți fluxul de lucru de dezvoltare.