Un ghid despre cum să lucrezi cu el

TypeScript este un superset de JavaScript care vă ajută să scrieți cod sigur.

Cu TypeScript, veți putea detecta erorile mai devreme și le veți remedia. Una dintre caracteristicile importante TypeScript este Enums. O Enum este o construcție populară în TypeScript care vă ajută să scrieți cod mai sigur.

În acest articol, voi explica Enums, cum să le creați și să le folosiți și multe alte lucruri de luat în considerare.

Ce este o Enum?

Enum este prescurtarea tipului enumerat. Un tip de date enumerate este definit de diferitele valori pe care le poate lua o variabilă de acel tip. Diferitele valori pe care le-ar putea lua sunt adesea numite membri sau elemente.

În acest articol, îi vom numi membri. Enumerările nu sunt doar o caracteristică TypeScript. Mai degrabă, tipurile enumerate sunt, de asemenea, prezente și utilizate în alte limbaje de programare. Utilizarea enumărilor permite o mai bună siguranță a tipului în programele TypeScript.

Citește și: Top biblioteci TypeScript și Runtime pe care trebuie să le cunoști ca dezvoltator

De ce să folosiți Enums?

Enumerările vă ajută să specificați ce valori ar putea avea o variabilă. De asemenea, vă ajută să specificați ce valori poate lua un argument de funcție. Acest lucru ajută la asigurarea faptului că dezvoltatorii oferă întotdeauna valori așteptate variabilelor și argumentelor funcției. Acest lucru va ajuta la eliminarea erorilor și vă va ajuta să scrieți cod mai sigur și mai robust.

Cerințe preliminare pentru a lucra cu Enums

În acest tutorial, voi demonstra cum să lucrați cu enumerari în TypeScript. Pentru a urma acest tutorial, trebuie să puteți rula și executa cod TypeScript.

Prin urmare, trebuie să aveți instalat NodeJs pentru a executa codul JavaScript. Dacă nu aveți instalat TypeScript, videoclipul de mai jos este un ghid despre cum să faceți acest lucru.

Alternativ, dacă doriți să compilați și să executați un script imediat, utilizați ts-node. Deși asta voi face în acest articol, pentru proiecte mai mari, aș recomanda instalarea TypeScript. Pentru a executa un script folosind ts-node, utilizați următoarea comandă:

npx ts-node <scriptname>

Acest articol presupune, de asemenea, că sunteți familiarizat cu JavaScript și cu TypeScript de bază.

Lucrul cu o enumerare simplă

Cum se creează o enumerare simplă

Enumerările din TypeScript sunt create folosind cuvântul cheie enum. Urmează numele enumerației și apoi o listă de membri pe care îi deține enumerarea. Iată un exemplu în care declarăm o enumerare pentru cele patru puncte cardinale de pe busolă.

enum Direction {
    North,
    East,
    South,
    West
}

Rețineți că nu există ghilimele în jurul membrilor din enumerare – nu sunt șiruri de caractere.

Cum să utilizați o enumerare simplă

Alocați o valoare enumerată unei variabile după cum urmează:

const heading: Direction = Direction.North;

Deoarece atribuim variabila la declarare, TypeScript poate deduce tipul de date. Ca urmare, nu trebuie să afirmăm tipul. În schimb, putem scrie așa:

const heading = Direction.North;

Pentru a afla ce valoare are variabila de titlu, o putem console.log.

console.log(heading);

Rezultatul acestui lucru va fi:

0

Variabila de antet conține valoarea zero, chiar dacă i-am atribuit valoarea Direction.North. Acest lucru se datorează faptului că fiecărui membru i se atribuie o valoare numerică atunci când sunt create enumerări. Primului membru i se atribuie 0, al doilea 1 și așa mai departe. Iată o demonstrație:

console.log(Direction.North, Direction.East, Direction.South, Direction.West)

Prin urmare, puteți verifica dacă variabila de antet conține Nord, afirmând că este egală cu zero. De exemplu:

// Asserting equality
let isNorth = heading == 0;

// Printing the result
console.log(isNorth);

După cum sa demonstrat mai devreme, Direction.North este egal cu 0. Deci, în loc să verificăm dacă direcția este egală cu zero, putem verifica dacă este egal cu Direction.North.

// Checking if direction is North
isNorth = heading == Direction.North;

// Printing the result
console.log(isNorth);

Toate acestea sunt utile; șansele sunt că așa vei folosi valorile enumerate. Cu toate acestea, puteți face mai mult, așa cum veți vedea mai târziu. Această secțiune următoare va discuta cum puteți lucra cu valori personalizate.

Lucrul cu valori personalizate

Când creați o enumerare, TypeScript atribuie automat valori numerice membrilor începând de la zero. Cu toate acestea, poate doriți ca membrii dvs. să aibă valori personalizate în loc de cele implicite, caz în care le puteți atribui. Ca astfel:

enum StarRating {
    VeryPoor = 1,
    Poor = 2,
    Average = 3,
    Good = 4,
    Excellent = 5
}

Alternativ, puteți face următoarele:

enum StarRating {
    VeryPoor = 1,
    Poor,
    Average,
    Good,
    Excellent
}

În acest caz, primului membru i se va atribui valoarea 1. Opțiunile ulterioare vor fi auto-incrementate față de alegerea anterioară. Deci Poor va avea un rating de 2, o medie de 3 și așa mai departe.

Opțiunile dintr-o enumerare nu au întotdeauna valori numerice, așa cum veți vedea mai târziu. Cu toate acestea, cei cu valori numerice se vor comporta ca numere normale.

console.log(typeof StarRating.Average);

Acesta va imprima „număr”. Aceasta înseamnă că puteți face toate chestiile numerice, inclusiv să faceți comparații, cum ar fi:

console.log(StarRating.Excellent > StarRating.Average)

Aceasta va afișa „adevărat”.

Utilizarea șirurilor de caractere ca valori personalizate

După cum am menționat mai devreme, opțiunile de enumerare pot avea valori de șir în loc de doar numere. Iată cum ați face asta:

enum Choice {
    RedPill = "Know Everything"
    BluePill = "Know Nothing"
}

În acest caz, alegerile de enumerare se vor comporta ca cele anterioare. Cu toate acestea, deoarece valorile sunt șiruri, puteți efectua operații cu șir, nu operații cu numere, ca în exemplul anterior.

Enumări eterogene

De asemenea, puteți combina șiruri și valori numerice. Acest lucru este descurajat și nu foarte util, dar posibil totuși.

enum Mixed {
    First = "String"
    Second = 2
}

Cuvinte finale

În acest articol, am acoperit ce sunt enumerarile din TypeScript. Am discutat și de ce sunt importante. Am acoperit, de asemenea, diferitele tipuri de valori pe care membrii enum le pot avea.

Apoi, consultați articolul nostru despre Tip vs. Interfață în TypeScript.