Qual è il tipo di omissione in TypeScript?

TypeScript offre un'ampia gamma di tipi di utilità per rendere il suo sistema di tipi più conveniente ed efficiente. Questi tipi consentono agli utenti di creare un nuovo tipo basato sul tipo esistente rimuovendo o modificando le proprietà, rendendole di sola lettura o facoltative e molto altro. Ogni tipo di utilità esegue funzionalità specifiche in base al proprio nome, ad esempio il tipo 'opzionale' rende le proprietà facoltative, 'sola lettura' dichiara il campo come di sola lettura e così via.

Questa guida spiega il tipo di utilità 'Ometti' in TypeScript.

Qual è il tipo di omissione in TypeScript?

IL ' Omettere Il tipo di utilità crea un nuovo tipo escludendo le proprietà non necessarie del tipo di base. Il tipo base rappresenta il tipo esistente da cui deriva il nuovo tipo.

Sintassi

digitare Nuovotipo = Omettere < Tipo esistente, 'NomeProprietà1' | 'NomeProprietà2' | ... >

La sintassi di cui sopra può “ Omettere 'proprietà multiple di' Tipo esistente ' separandoli con l'aiuto del ' O (|)” operatore.

Usiamo praticamente il tipo di utilità 'Ometti' sopra definito.

Esempio 1: applicazione di 'Ometti' con alias tipo

In questo esempio viene utilizzato il tipo di utilità 'Omit' per creare un nuovo tipo dal tipo esistente.

Codice

Copia la riga di codice data nel file “.ts” del progetto TypeScript:

digitare Utente = {
nome : corda,
età : numero,
posizione : corda
} ;

digitare UtenteSenzaEtà = Omettere < Utente, 'età' >;

cost utentesenzaetà : UtenteSenzaEtà = {

nome : 'O' ,

posizione : 'Islamabad'

} ;

consolle. tronco d'albero ( utentesenzaetà ) ;

In questo codice:

IL ' Utente Il tipo ' è definito con il nome, l'età e la posizione delle proprietà specificate.
Successivamente, il “ UtenteSenzaEtà ' viene creato un nuovo tipo dal tipo 'Utente' esistente escludendo la sua proprietà 'età' utilizzando l'opzione ' Omettere 'tipo di utilità.
Dopodiché, un oggetto” utentesenzaetà ” di tipo “UserWithoutAge” che specifica tutti i campi del tipo esistente “User” tranne “age”.
Infine, il “ console.log() ' viene applicato per visualizzare l'oggetto 'userwithoutage'.

Produzione

Compila il file “.ts” ed esegui il file “.js” generato automaticamente:

tsc principale. js //File Compile.ts

nodo principale. js //Esegui il file .js

Si può vedere che il terminale visualizza l'output del nuovo tipo di oggetto 'UserWithoutAge'.

Esempio 2: applicazione del tipo 'Ometti' con interfaccia

In questo esempio viene applicato il tipo di utilità 'Omit' con le interfacce per creare un nuovo tipo.

Codice

interfaccia Utente {

nome : corda ;

età : numero ;

posizione : corda ;

}

digitare NuovaPersona = Omettere < Utente, 'età' | 'posizione' >;

cost persona : Nuova persona = {

nome : 'O'

} ;

consolle. tronco d'albero ( persona ) ;

Ora, le righe di codice indicate:

Definire un’interfaccia” Utente ' con le seguenti proprietà nome, stringa e posizione.
Successivamente, crea un nuovo tipo “ Nuova persona ' dall'interfaccia esistente 'Utente', escluse le proprietà specificate, età e posizione.
Successivamente, crea il nuovo tipo di oggetto 'NewPerson' denominato ' persona ' specificando una sola proprietà, ad esempio 'nome' dell'interfaccia esistente 'Utente'.
Infine, visualizza i campi dell’oggetto “persona” utilizzando il pulsante “ console.log() ' metodo.

Produzione

Compila ed esegui il codice:

tsc principale. js //File Compile.ts

nodo principale. js //Esegui il file .js

Il terminale mostra solo un valore di proprietà del nuovo tipo 'NewPerson' specificato nel suo oggetto.

Esempio 3: applicazione del tipo 'Omit' con Function()

Questo esempio utilizza il tipo 'Omit' con una funzione per restituire l'oggetto di un'interfaccia passata come argomento omettendo alcune proprietà dell'interfaccia esistente.

Codice

interfaccia Utente {

nome : corda ;

età : numero ;

posizione : corda ;

}

funzione getUserDetails ( nuovo utente : Omettere < Utente, 'nome' | 'posizione' > ) : numero {

ritorno ( nuovo utente. età )

}

cost nuovo utente : Utente = {

età : 40 ,

nome : 'O' ,

posizione : 'Islamabad'

} ;

cost dettagliutente = getUserDetails ( nuovo utente ) ;

consolle. tronco d'albero ( dettagliutente ) ;

Lo snippet di codice sopra:

Per prima cosa create un’interfaccia” Utente ' con proprietà di nome, età e posizione.
Successivamente, definisci un nome di funzione “ getUserDetails() ' che omette le proprietà 'name' e 'location' di tipo 'newuser' dell'interfaccia esistente, ovvero 'User'.
Questa funzione restituisce un valore numerico, ad esempio 'età' dell'utente.
Ora crea un oggetto del tipo ' nuovo utente ” dell'interfaccia “Utente” per specificarne i valori delle proprietà.
Successivamente, chiama la funzione definita 'getUserDetails()' passando l'oggetto 'newuser' come parametro con l'aiuto del comando ' dettagliutente ' costante.
Infine, visualizza l'output 'userDeatils' tramite il pulsante ' console.log() ' metodo.

Produzione

tsc principale. js //File Compile.ts

nodo principale. js //Esegui il file .js

Il terminale mostra solo il ' età ' valore della proprietà perché 'nome' e 'posizione' sono esclusi tramite il tipo di utilità 'Ometti'.

Conclusione

In TypeScript, l'utilità digita ' Omettere ' accetta il tipo esistente come primo parametro e crea un nuovo tipo escludendo alcune proprietà del tipo esistente. Questo tipo di utilità aiuta a duplicare un tipo esistente per la creazione di un nuovo tipo con alcune delle sue proprietà invece di creare il nuovo tipo da zero. Può essere applicato con alias, interfacce e funzioni di 'tipo'. Questa guida ha spiegato in modo approfondito il tipo di utilità 'Ometti' in TypeScript.

Qual è il tipo di omissione in TypeScript?