O Typescript usa a palavra-chave “const” e o tipo de utilitário “readonly” como tipos de dados para a inicialização de variáveis ou propriedades. De acordo com seu nome e funcionalidades, esses dois tipos de dados são bastante diferentes entre si, mas às vezes o usuário fica confuso quando são usados no mesmo código-fonte. Este guia explica a diferença entre a palavra-chave “const” do TypeScript e o tipo de utilitário “readonly”.
Primeiro, veja o básico dos tipos de utilitários “const” e “readonly”.
O que é a palavra-chave “const” do TypeScript?
O ' const ” especifica que a variável fornecida é constante, o que significa que seu valor não pode ser modificado depois de atribuído. Ele trata a variável especificada como uma constante em tempo de compilação.
Vamos ver na prática com a ajuda do código fornecido.
Código
Copie as linhas de código no arquivo “.ts” do projeto TypeScript:
const a = 100 ;um = cinquenta ;
console.log ( a ) ;
Nas linhas de código acima indicadas:
-
- O ' const ” palavra-chave inicializa “ a ” como uma variável constante.
- A seguir, modifica-se o valor da variável constante “a”.
- Por último, o “ registro() ” exibe o valor da variável “a”.
Nota-se que o editor também gera erro ao modificar o valor da variável constante “a” após sua inicialização.
Saída
tsc main.ts // Compilar arquivo .tsnode main.js // Executar arquivo .js
Observa-se que durante a compilação é gerado um erro que especifica que o valor da variável “a” não pode ser alterado por ser uma constante.
O que é o tipo de utilitário TypeScript readonly?
Agora passe para a diferença entre a palavra-chave “const” do TypeScript e o tipo de utilitário “readonly”.
Explique o tipo de utilitário 'const' vs 'readonly' do TypeScript
As principais diferenças entre a palavra-chave “const” do TypeScript e o tipo de utilitário “readonly” são declaradas aqui:
-
- Trabalhando: A palavra-chave “const” indica que o valor “variável” não pode ser modificado após a inicialização, enquanto o tipo de utilitário “readonly” especifica que o valor “propriedade/variável” não pode ser alterado depois de definido.
- Uso: A palavra-chave “const” é usada apenas para variáveis para torná-las constantes. Por outro lado, o tipo de utilitário “readonly” é utilizado para “propriedades e variáveis” que são partes de uma interface ou objeto.
- Modificação: As variáveis “const” não podem ser modificadas enquanto as propriedades “readonly” podem ser modificadas em tempo de execução com a ajuda dos métodos JavaScript.
Conclusão
No TypeScript, o “ const ” palavra-chave e “ somente leitura ” tipo de utilitário diferem uns dos outros com base em “ trabalhando ”, “ uso ', e a ' modificação ”fatores. A principal diferença entre eles é que o “const” apenas torna a variável constante, enquanto o “readonly” torna ambas as variáveis e propriedades constantes. Este guia explicou profundamente o tipo de utilitário 'const' vs 'readonly' do TypeScript.