A utilização de campos ou variáveis de membro em JavaScript-classes é um conceito central que foi destacado com os novos padrões de ES6 a ES13. Neste tutorial, vamos mostrar como declarar e inicializar campos públicos e estáticos. Vamos considerar as diferenças e o uso desses campos em aplicações reais.
Principais conclusões
- Você pode declarar e inicializar campos em classes, tanto como membros públicos quanto como estáticos.
- Membros públicos estão acessíveis para todas as instâncias da classe.
- Membros estáticos são globais para a classe e compartilham o mesmo espaço de armazenamento para todas as instâncias.
- A inicialização de campos deve ser feita de maneira significativa, para evitar erros não intencionais.
Guia passo a passo
Declarar e inicializar campos
No início, você aprenderá a declarar campos dentro de uma classe. Você pode inicializar campos diretamente em sua definição, o que aumenta a legibilidade e manutenibilidade do código.
Com o código acima, você define um campo description com um valor inicial.
Como você pode ver, ao criar o objeto, o valor inicial está imediatamente disponível.
Substituir valores iniciais no construtor
Além disso, você pode substituir o valor inicial de um campo no construtor. O construtor é chamado quando você cria uma instância da classe. Aqui, você pode alterar o valor do campo com o argumento passado.
Acesso a campos
O acesso aos campos é feito através da instância da sua classe. Com a palavra-chave this, você pode acessar as variáveis de membro.
Agora, se você criar um objeto de Circle, verá que o valor de description é exibido.
Usar campos estáticos
Campos estáticos são outro conceito importante que você pode usar em suas classes JavaScript. Ao contrário dos campos normais, os campos estáticos são globais para a classe e não específicos para instâncias. Isso significa que há apenas uma cópia desse campo, independentemente de quantas instâncias você criar da classe.
Acesso a campos estáticos
É importante notar que o acesso a campos estáticos não é feito pela instância, mas exclusivamente pela classe.
Definir métodos estáticos
Além dos campos estáticos, você também pode definir métodos estáticos em suas classes.
Alterações em campos estáticos
Um comportamento interessante com campos estáticos é que, quando você altera o valor de um campo estático, essa alteração se aplica a todas as instâncias.
Conclusão sobre o uso de campos em JavaScript
Em resumo, você agora é capaz de usar campos públicos e estáticos em classes JavaScript de forma eficaz. Você sabe como declarar, inicializar campos e como acessá-los. Campos e métodos estáticos oferecem oportunidades adicionais na estruturação de suas classes.
Resumo - Campos em Classes: Um Guia para JavaScript
Com este tutorial, você aprendeu os fundamentos dos campos em classes JavaScript. Agora você deve ser capaz de declarar, inicializar campos e usá-los conforme necessário.
Perguntas frequentes
Quais tipos de campos existem em classes JavaScript?Existem campos públicos e estáticos.
Como acessarei campos estáticos?Você acessa usando o nome da classe, seguido por um ponto.
O que acontece se eu alterar campos estáticos?Alterações em campos estáticos afetam todas as instâncias da classe.
