Cum să utilizați tipurile în TypeScript, explicat pentru începători

TypeScript introduce tastarea statică în JavaScript, care ajută la detectarea erorilor în timpul dezvoltării și îmbunătățește calitatea codului. Acest articol vă va ghida prin elementele de bază ale utilizării tipurilor în TypeScript, făcând mai ușor pentru începători să înțeleagă cum să folosească sistemul de tipări TypeScript.

Ce sunt tipurile în TypeScript?

Tipurile din TypeScript ajută la definirea formei și structurii datelor. Prin specificarea tipurilor, vă asigurați că variabilele, parametrii funcției și valorile returnate respectă formatele așteptate. Acest lucru poate preveni multe erori comune de programare.

Tipuri de bază

TypeScript oferă mai multe tipuri de bază pe care le puteți utiliza pentru a defini variabile și funcții:

  • Număr: Reprezintă valori numerice.
  • String: Reprezintă date textuale.
  • Boolean: Reprezintă valori adevărate sau false.
  • Array: Reprezintă o colecție de valori de un anumit tip.
  • Object: Reprezintă o colecție de perechi cheie-valoare.

Exemplu de număr

let age: number = 30;

Exemplu de șir

let name: string = "John Doe";

Exemplu boolean

let isStudent: boolean = true;

Exemplu de matrice

let scores: number[] = [85, 90, 78];

Exemplu de obiect

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Tip Inferență

TypeScript poate deduce automat tipuri pe baza valorilor atribuite. Aceasta înseamnă că nu trebuie întotdeauna să specificați în mod explicit tipurile, deși acest lucru poate îmbunătăți claritatea codului.

Exemplu de inferență de tip

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Tipuri personalizate cu interfețe

Interfețele din TypeScript vă permit să definiți tipuri personalizate cu o structură specifică. Ele sunt deosebit de utile pentru a crea obiecte complexe și pentru a asigura forme consistente în aplicația dvs.

Exemplu de interfață

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Tipuri de uniuni

Tipurile de unire permit unei variabile să dețină valori de mai multe tipuri. Acest lucru poate fi util atunci când o valoare poate fi una din mai multe tipuri.

Exemplu de tip de uniune

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Tastați Aliasuri

Aliasurile de tip vă permit să creați un nume nou pentru un tip. Acest lucru poate fi util pentru simplificarea definițiilor de tip complexe.

Tip Alias ​​Exemplu

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Concluzie

Utilizarea tipurilor în TypeScript oferă numeroase beneficii, inclusiv detectarea timpurie a erorilor, lizibilitate îmbunătățită a codului și mentenanță îmbunătățită. Înțelegând tipurile de bază, inferența de tip, interfețele, tipurile de unire și aliasurile de tip, puteți începe să utilizați TypeScript pentru a scrie cod mai robust și mai fiabil. Pe măsură ce câștigați mai multă experiență cu TypeScript, veți descoperi și mai multe caracteristici și modele avansate care vă pot îmbunătăți și mai mult procesul de dezvoltare.