Què és el tipus d'omissió a TypeScript?

TypeScript ofereix una àmplia gamma de tipus d'utilitat per fer que el seu sistema de tipus sigui més còmode i eficient. Aquests tipus permeten als usuaris crear un tipus nou basat en el tipus existent eliminant o modificant propietats, fent que les propietats siguin només de lectura o opcionals, i molt més. Cada tipus d'utilitat realitza una funcionalitat específica basada en el seu nom, com ara el tipus 'opcional' fa que les propietats siguin opcionals, 'només lectura' declara el camp com a només de lectura, etc.

Aquesta guia explica el tipus d'utilitat 'Omet' a TypeScript.

Què és el tipus d'omissió a TypeScript?

El ' Omet ” El tipus d'utilitat crea un nou tipus excloent les propietats innecessàries del tipus base. El tipus base representa el tipus existent del qual deriva el nou tipus.

Sintaxi

escriviu NewType = Omet < ExistingType, 'PropertyName1' | 'PropertyName2' | ... >

La sintaxi anterior pot “ Omet 'Múltiples propietats de' ExistingType ' separant-los amb l'ajuda del ' O (|)” operador.

Utilitzem pràcticament el tipus d'utilitat 'Omet' definit anteriorment.

Exemple 1: aplicació de 'Omet' amb un àlies de tipus

Aquest exemple utilitza el tipus d'utilitat 'Omet' per crear un tipus nou a partir del tipus existent.

Codi

Copieu la línia de codi indicada al fitxer '.ts' del projecte TypeScript:

escriviu Usuari = {
nom : corda,
edat : nombre,
ubicació : corda
} ;

escriviu UserWithoutAge = Omet < Usuari, 'edat' >;

const usuari sense falta : UsuariSenseEdat = {

nom : 'O' ,

ubicació : 'Islamabad'

} ;

consola. registre ( usuari sense falta ) ;

En aquest codi:

El ' Usuari ” el tipus es defineix amb el nom, l'edat i la ubicació de les propietats especificades.
A continuació, el ' UsuariSenseEdat ' es crea un tipus nou a partir del tipus 'Usuari' existent excloent la seva propietat 'edat' mitjançant el ' Omet ” tipus d'utilitat.
Després d'això, un objecte ' usuari sense falta ” de tipus “UserWithoutAge” es crea que especifica tots els camps del tipus existent “Usuari” excepte l'”edat”.
Finalment, el ' console.log() ” s'aplica per mostrar l'objecte “userwithoutage”.

Sortida

Compileu el fitxer '.ts' i executeu el fitxer '.js' generat automàticament:

tsc principal. js //Fitxer Compile.ts

node principal. js //Executar el fitxer .js

Es pot veure que el terminal mostra la sortida de l'objecte de nou tipus 'UserWithoutAge'.

Exemple 2: aplicació del tipus 'Omet' amb interfície

Aquest exemple aplica el tipus d'utilitat 'Omet' amb interfícies per crear un tipus nou.

Codi

interfície Usuari {

nom : corda ;

edat : nombre ;

ubicació : corda ;

}

escriviu NewPerson = Omet < Usuari, 'edat' | 'ubicació' >;

const persona : Persona Nova = {

nom : 'O'

} ;

consola. registre ( persona ) ;

Ara, les línies de codi indicades:

Definiu una interfície ' Usuari ” amb les següents propietats nom, cadena i ubicació.
A continuació, creeu un nou tipus ' Persona Nova ” de la interfície existent “Usuari”, excloent l'edat i la ubicació de les seves propietats especificades.
Després d'això, creeu el nou tipus d'objecte 'NewPerson' anomenat ' persona ” especificant només una propietat, és a dir, “nom” de la interfície existent “Usuari”.
Finalment, mostreu els camps de l'objecte 'persona' mitjançant el botó ' console.log() ” mètode.

Sortida

Compileu i executeu el codi:

tsc principal. js //Fitxer Compile.ts

node principal. js //Executar el fitxer .js

El terminal només mostra un valor de propietat del nou tipus 'NewPerson' especificat al seu objecte.

Exemple 3: aplicació del tipus 'Omet' amb Function()

Aquest exemple utilitza el tipus 'Omit' amb una funció per retornar l'objecte d'una interfície passat com a argument ometent algunes propietats de la interfície existent.

Codi

interfície Usuari {

nom : corda ;

edat : nombre ;

ubicació : corda ;

}

funció getUserDetails ( nou usuari : Omet < Usuari, 'nom' | 'ubicació' > ) : nombre {

tornar ( nou usuari. edat )

}

const nou usuari : Usuari = {

edat : 40 ,

nom : 'O' ,

ubicació : 'Islamabad'

} ;

const Detalls de l'usuari = getUserDetails ( nou usuari ) ;

consola. registre ( Detalls de l'usuari ) ;

El fragment de codi anterior:

Primer creeu una interfície ' Usuari ” amb propietats de nom, edat i ubicació.
A continuació, definiu un nom de funció ' getUserDetails() ” que omet les propietats “nom” i “ubicació” del tipus “nou usuari” de la interfície existent, és a dir, “Usuari”.
Aquesta funció retorna un valor numèric, és a dir, 'edat' de l'usuari.
Ara, creeu un objecte del ' nou usuari ” de la interfície “Usuari” per especificar els seus valors de propietats.
Després d'això, truqueu a la funció definida 'getUserDetails()' passant l'objecte 'newuser' com a paràmetre amb l'ajuda de la ' Detalls de l'usuari ' constant.
Finalment, visualitzeu la sortida 'userDeatils' mitjançant el ' console.log() ” mètode.

Sortida

tsc principal. js //Fitxer Compile.ts

node principal. js //Executar el fitxer .js

El terminal només mostra el ' edat ', perquè 'nom' i 'ubicació' s'exclouen mitjançant el tipus d'utilitat 'Omet'.

Conclusió

A TypeScript, el tipus d'utilitat ' Omet ” pren el tipus existent com a primer paràmetre i crea un tipus nou excloent algunes propietats del tipus existent. Aquest tipus d'utilitat ajuda a duplicar un tipus existent per a la creació d'un tipus nou que tingui algunes de les seves propietats en lloc de crear el nou tipus des de zero. Es pot aplicar amb àlies, interfícies i funcions 'tipus'. Aquesta guia va explicar profundament el tipus d'utilitat 'Omet' a TypeScript.

Què és el tipus d'omissió a TypeScript?