Qual é o tipo de omissão no TypeScript?

Qual E O Tipo De Omissao No Typescript



TypeScript oferece uma ampla variedade de tipos de utilitários para tornar seu sistema de tipos mais conveniente e eficiente. Esses tipos permitem que os usuários construam um novo tipo com base no tipo existente, removendo ou modificando propriedades, tornando as propriedades somente leitura ou opcionais e muito mais. Cada tipo de utilitário executa funcionalidades específicas com base em seu nome, como o tipo “opcional” torna as propriedades opcionais, “somente leitura” declara o campo como somente leitura e assim por diante.

Este guia explica o tipo de utilitário “Omitir” no TypeScript.

Qual é o tipo de omissão no TypeScript?

O ' Omitir ”O tipo de utilitário cria um novo tipo, excluindo as propriedades desnecessárias do tipo base. O tipo base representa o tipo existente do qual deriva o novo tipo.







Sintaxe



digite NovoTipo = Omitir < Tipo existente, 'PropriedadeNome1' | 'PropriedadeNome2' | ... >

A sintaxe acima pode “ Omitir ”várias propriedades de“ Tipo existente ”Separando-os com a ajuda do“ OU (|)” operador.



Vamos usar o tipo de utilitário “Omitir” definido acima de forma prática.





Exemplo 1: Aplicando “Omit” com Type Alias

Este exemplo usa o tipo de utilitário “Omit” para criar um novo tipo a partir do tipo existente.



Código

Copie a linha de código fornecida no arquivo “.ts” do projeto TypeScript:

digite usuário = {
nome : corda,
idade : número,
localização : corda
} ;

digite UserWithoutAge = Omitir < Do utilizador, 'idade' >;

const usuário sem idade : UsuárioSemIdade = {

nome : 'Ou' ,

localização : 'Islamabad'

} ;

console. registro ( usuário sem idade ) ;

Neste código:

  • O ' Do utilizador ”O tipo é definido com o nome, idade e localização das propriedades especificadas.
  • A seguir, o “ UsuárioSemIdade ”um novo tipo é criado a partir do tipo “Usuário” existente, excluindo sua propriedade “idade” usando o “ Omitir ”Tipo de utilitário.
  • Depois disso, um objeto “ usuário sem idade É criado um ”do tipo “UserWithoutAge” que especifica todos os campos do tipo existente “User” exceto a “idade”.
  • Por último, o “ console.log() ”é aplicado para exibir o objeto “userwithoutage”.

Saída

Compile o arquivo “.ts” e execute o arquivo “.js” gerado automaticamente:

tsc principal. js //Arquivo Compilar.ts

nó principal. js //Executa o arquivo .js

Pode-se observar que o terminal exibe a saída do novo objeto do tipo “UserWithoutAge”.

Exemplo 2: Aplicando o tipo “Omit” com interface

Este exemplo aplica o tipo de utilitário “Omit” com interfaces para criar um novo tipo.

Código

interface Do utilizador {

nome : corda ;

idade : número ;

localização : corda ;

}

digite Nova Pessoa = Omitir < Do utilizador, 'idade' | 'localização' >;

const pessoa : Nova pessoa = {

nome : 'Ou'

} ;

console. registro ( pessoa ) ;

Agora, as linhas de código declaradas:

  • Defina uma interface “ Do utilizador ”Tendo o seguinte nome de propriedades, string e localização.
  • Em seguida, crie um novo tipo “ Nova pessoa ”da interface existente “Usuário” excluindo suas propriedades especificadas, idade e localização.
  • Depois disso, crie o novo objeto do tipo “NewPerson” denominado “ pessoa ”especificando apenas uma propriedade, ou seja, “nome” da interface existente “Usuário”.
  • Por último, exiba os campos do objeto “pessoa” usando o comando “ console.log() ”Método.

Saída

Compile e execute o código:

tsc principal. js //Arquivo Compilar.ts

nó principal. js //Executa o arquivo .js

O terminal mostra apenas um valor de propriedade do novo tipo “NewPerson” especificado em seu objeto.

Exemplo 3: Aplicando o tipo “Omit” com Function()

Este exemplo utiliza o tipo “Omit” com uma função para retornar o objeto de uma interface passada como argumento, omitindo algumas propriedades da interface existente.

Código

interface Do utilizador {

nome : corda ;

idade : número ;

localização : corda ;

}

função getUserDetails ( novo usuário : Omitir < Do utilizador, 'nome' | 'localização' > ) : número {

retornar ( novo usuário. idade )

}

const novo usuário : Do utilizador = {

idade : 40 ,

nome : 'Ou' ,

localização : 'Islamabad'

} ;

const Detalhes do usuario = getUserDetails ( novo usuário ) ;

console. registro ( Detalhes do usuario ) ;

O trecho de código acima:

  • Primeiro crie uma interface “ Do utilizador ”Tendo propriedades de nome, idade e localização.
  • A seguir, defina um nome de função “ getUserDetails() ” que omite as propriedades “nome” e “local” do tipo “newuser” da interface existente, ou seja, “Usuário”.
  • Esta função retorna um valor numérico, ou seja, “idade” do usuário.
  • Agora, crie um objeto do tipo “ novo usuário ”da interface “Usuário” para especificar os valores de suas propriedades.
  • Depois disso, chame a função “getUserDetails()” definida passando o objeto “newuser” como seu parâmetro com a ajuda do “ Detalhes do usuario ”constante.
  • Por último, exiba a saída “userDeatils” através do “ console.log() ”Método.

Saída

tsc principal. js //Arquivo Compilar.ts

nó principal. js //Executa o arquivo .js

O terminal mostra apenas o “ idade ”valor da propriedade porque “nome” e “local” são excluídos por meio do tipo de utilitário “Omitir”.

Conclusão

No TypeScript, o tipo de utilitário “ Omitir ” toma o tipo existente como seu primeiro parâmetro e cria um novo tipo excluindo algumas propriedades do tipo existente. Este tipo de utilitário ajuda a duplicar um tipo existente para a criação de um novo tipo com algumas de suas propriedades, em vez de criar o novo tipo do zero. Ele pode ser aplicado com alias, interfaces e funções de “tipo”. Este guia explicou detalhadamente o tipo de utilitário “Omitir” no TypeScript.