TypeScript acceptă tipuri personalizate, care pot fi definite folosind fie „ interfata ” sau ” tip ”. O interfață poate fi implementată de o clasă sau un obiect, în timp ce un alias de tip poate fi utilizat doar pentru a crea un nume nou pentru un tip existent sau pentru a defini o uniune de tipuri. Deși tipurile și interfețele sunt adesea interschimbabile, există anumite diferențe în funcționalitatea și sintaxa lor care le fac mai potrivite pentru anumite scenarii.
Acest blog va descrie interfața și tipul TypeScript și diferența dintre acestea.
Ce este Interfața TypeScript vs Type?
„ Interfață ' și ' tip ” sunt utilizate pentru definirea tipurilor personalizate în TypeScript. Dar există unele distincții în funcționalitatea și sintaxa lor. Principala diferență dintre o interfață și un tip este că o interfață definește un nou tip, în timp ce un alias de tip nu.
O interfață poate fi implementată de o clasă sau un obiect, în timp ce tipurile pot defini tipuri mai complexe folosind caracteristici precum uniuni și intersecții. În general, interfețele sunt utilizate mai frecvent pentru definirea formelor obiectelor și a API-urilor, în timp ce tipurile sunt mai frecvent utilizate pentru definirea tipurilor de date complexe și a tipurilor de utilitate. Să le înțelegem pe ambele separat.
Ce este o interfață TypeScript?
O interfață TypeScript este o tehnică de definire a formei unui obiect TypeScript. Este creat folosind cuvântul cheie „ interfata ” și specifică un set de atribute și metode de care un obiect le necesită pentru a fi clasificat ca de acel tip. Este echivalent cu o clasă în programarea orientată pe obiecte; cu toate acestea, nu definește nicio implementare. Interfețele sunt utilizate în principal pentru verificarea tipului și pentru a se asigura că un obiect se conformează unei structuri specifice.
Înainte de a continua, rețineți că, pentru a executa un fișier TypeScript, acesta trebuie să fie transpilat într-un fișier JavaScript și apoi să rulați codul JavaScript pe terminal folosind comenzile date:
tsc nume de fișier.tsnod filename.js
Exemplu
Creați o interfață numită „Utilizator” care definește trei atribute și o metodă „ obtine informatii() ”:
interfață Utilizator {prenume: șir;
prenume: șir;
vârsta: număr;
obtine informatii ( ) : gol;
}
Creați o clasă „ Student ” care este moștenit cu o interfață. Clasa își definește atributele, un constructor care va atribui valorile atributelor și o metodă „getInfo()” care va afișa valorile referitoare la atribute:
prenume: șir;
prenume: șir;
vârsta: număr;
constructor ( firstName: șir, lastName: șir, vârsta: număr ) {
this.firstName = prenume;
this.lastName = Prenume;
aceasta.varsta = varsta;
}
obtine informatii ( ) : gol {
console.log ( „Informații despre elev:” )
console.log ( '- Nume: ' + acest.prenume + ' ' + acest.nume ) ;
console.log ( '- Vârsta: ' + aceasta.varsta ) ;
}
}
Creați un obiect de „ Student ' numit ' std ' de ' Utilizator ” tastați apelând constructorul cu cuvântul cheie „new” și apoi apelați metoda getInfo() pentru a imprima datele pe consolă:
std.getInfo ( ) ;
Ieșire
Ce este un tip TypeScript?
Tipurile TypeScript sunt utilizate în principal pentru crearea de aliasuri pentru tipurile existente, precum și pentru a crea tipuri mai complicate. Reprezintă o formă sau o structură specifică a datelor. Poate fi definit/declarat cu „ tip ” cuvânt cheie. Tipurile TypeScript pot fi folosite pentru a face codul mai ușor de înțeles și pentru a reduce repetarea/duplicarea.
Exemplu
Mai întâi, definiți un tip „ Utilizator ' folosind ' tip „ cuvinte cheie specificate cu cinci proprietăți, una dintre ele este un atribut opțional care este „ telefon ”:
tip Utilizator = {prenume: șir;
prenume: șir;
vârsta: număr;
email: șir;
telefon?: sfoară;
} ;
Definiți o funcție numită „ getFullName ”, care ia un parametru de tip “ Utilizator ” și tipărește datele constând din informațiile persoanei, inclusiv „ Nume ”, “ vârstă ”, “ e-mail ' și ' număr de telefon ”:
console.log ( „Informații despre utilizator:” )
console.log ( '- Nume: ' + persoană.prenume + ' ' + persoană.nume ) ;
console.log ( '- Vârsta: ' + persoana.varsta ) ;
console.log ( '- E-mail: ' + persoană.email ) ;
console.log ( '-Număr de telefon: ' + persoană.telefon ) ;
}
Acum, creați un obiect „ persoană ” de tip ” Utilizator ” cu perechi cheie-valoare:
Nume: 'Mily' ,
nume: 'Micheal' ,
vârstă: 28 ,
e-mail: „mili124@yahoo.com” ,
telefon: „086-34581734”
} ;
În cele din urmă, imprimați informațiile despre utilizator apelând funcția getInfo():
Ieșire
Asta era totul despre interfața și tipul TypeScript.
Concluzie
În TypeScript, „ interfata ' și ' tip ” sunt folosite pentru definirea tipurilor personalizate. O interfață poate fi implementată de o clasă sau un obiect, în timp ce tipurile pot defini tipuri mai complexe folosind caracteristici precum uniuni și intersecții. Acestea sunt caracteristicile puternice care pot ajuta la scrierea unui cod mai organizat și mai scalabil. Acest blog a descris interfața și tipul TypeScript și diferența dintre ele.