Aulas em JavaScript | Explicado para iniciantes

As classes em uma linguagem de programação são um recurso que pertence à abordagem tradicional orientada a objetos e no JavaScript, ele possui alguns dos mesmos recursos. A classe em programação é uma estrutura para criar objetos

As aulas foram adicionadas em 2015 com o lançamento da versão ES6 do JavaScript. As aulas são o mapeamento de objetos reais em linguagens de programação objetos.

Por que criar uma aula

Com muita precisão, para economizar tempo e evitar redundância, essas são as principais razões pelas quais as classes são usadas no JavaScript. Por exemplo, se você deseja fazer objetos de 50 pessoas com quase as mesmas propriedades: primeiro nome, sobrenome e idade; Você terá que escrever a estrutura de 50 objetos diferentes. Mas com as classes de uso, você pode criar um único modelo e mapear objetos infinitos no mesmo modelo.

Além disso, referindo-se à abordagem orientada a objetos, as classes são usadas para implementar o conceito de modularidade dentro de um projeto e também para implementar processos de desenvolvimento como o processo de desenvolvimento incremental facilmente.

Como definir uma aula

Para definir uma classe, você usa a palavra -chave reservada "aula" E então o nome da classe e Suportes encaracolados Após o identificador. Os dados da classe são escritos dentro dos colchetes encaracolados.

Um exemplo simples de Pessoa A aula seria como:

classe de classe
// dados da classe - construtor, variáveis ​​e métodos

Como trabalhar com uma classe JavaScript

Para trabalhar com uma classe, ele deve ter algumas propriedades do objeto e um método construtor. Para demonstrar o trabalho de classes e objetos, estaremos criando uma classe para pessoas com o identificador "Pessoa". Portanto, para criar uma classe de pessoa, você pode usar as seguintes linhas de código:

classe de classe
// O código posterior entrará aqui, dentro da aula

Variáveis ​​de classe são variáveis ​​conhecidas como propriedades dos objetos. Essas variáveis ​​também podem ser variáveis ​​necessárias para um determinado método de classe.

Para a classe de pessoa, para criar as variáveis ​​de classe: primeiro nome, sobrenome, idade, e trabalho, O código a seguir dentro dos colchetes encaracolados da classe será usado:

primeiro nome;
sobrenome;
idade;
trabalho;

O construtor método é executado automaticamente quando um novo objeto é criado, o método construtor é usado para inicializar todas as variáveis ​​e os métodos da classe. O método construtor é obrigatório para uma classe funcionar, mas é opcional para o desenvolvedor criar um método construtor porque o JavaScript criará um método de construtor vazio para as classes sem um construtor.

O método construtor é criado usando o construtor de palavras -chave reservado e colocando parênteses redondos na frente. Dentro desses parênteses, você pode definir os argumentos necessários para que um objeto seja mapeado nesta classe e até usar parâmetros padrão.

Para criar um construtor para o Pessoa Classe O código a seguir será usado para atribuir os valores às propriedades do objeto.

construtor (primeironame = "john", lastname = "doe", idade = 20, job = "freelancer")
esse.primeiro nome = primeiro nome;
esse.lastName = lastName;
esse.idade = idade;
esse.trabalho = trabalho;

Como você pode ver no código acima, estamos usando parâmetros padrão para evitar um argumento vazio.

Métodos de classe são funções normais que são acessadas usando o operador de ponto “.” com o identificador do objeto, mas diferentemente das funções normais, a palavra -chave "função" não é usado para definir um método de classe; Em vez disso, você digita o nome do método e coloca suportes redondos na frente e escreva o código JavaScript do método fechado em Suportes encaracolados .

Você criará um método que imprimirá os detalhes do objeto de pessoa usando as seguintes linhas de código:

printDetails ()
console.log ("nome:" + this.primeiro nome + "" + este.sobrenome);
console.log ("idade:" + this.idade);
console.log ("Job:" + this.trabalho);

Você tem uma classe básica de pessoa concluída, o código completo desta classe é como:

ClassPerson
primeiro nome;
sobrenome;
idade;
trabalho;
construtor(
FirstName = "John",
último nome = "doe",
idade = 20,
Job = "Freelancer"
)
esse.primeiro nome = primeiro nome;
esse.lastName = lastName;
esse.idade = idade;
esse.trabalho = trabalho;

printDetails ()
console.log ("nome:" + this.primeiro nome + "" + este.sobrenome);
console.log ("idade:" + this.idade);
console.log ("Job:" + this.trabalho);

Mapeamento e uso de objetos contra classes

Agora você tem que mapear objetos para esta classe. Para isso, você vai criar um objeto P1 e defina -o igual ao construtor da classe pessoa com a chave "novo". Você pode até criar mais objetos e dar a eles quaisquer nomes que você quiser. Isso mapearia nossa variável de objeto para a pessoa de classe. Podemos criar quantidades infinitas de objetos contra essa pessoa de classe.

p1 = nova pessoa ("William", "Mark", 35, "Writer");
P2 = nova pessoa ("Henry", "Clark", 22, "Auditor");

Para acessar o PrintDetails () método de ambos o objeto que apenas temos que usar o DOT-Operator como:

P1.printDetails ();
P2.printDetails ();

Depois de executar o código inteiro, você verá esta saída no console:

Como você pode ver no trecho acima, imprimimos os detalhes de 2 objetos diferentes com as mesmas propriedades, mas valores diferentes.

Conclusão

As classes em JavaScript são usadas para definir um mapeamento para os objetos com as mesmas propriedades e funções. Essas classes também são chamadas de implementação da modularidade usando a abordagem orientada a objetos. Aprendemos o que são as aulas, como defini -las, como trabalhar com elas e como usá -las para criar objetos junto com exemplos.