Guia para iniciantes para as aulas em JavaScript

As aulas são um modelo/plano para objetos. Eles simplificam o processo de criação de vários objetos com propriedades e métodos semelhantes. As aulas não estavam presentes no ES5 e foram introduzidas na versão ES6 do JavaScript. As aulas são apenas açúcar sintático em JavaScript, construído sobre os protótipos e trabalham da mesma maneira nos bastidores dos cenas.

Como usar classes em javascript

Vamos dar um exemplo de um programador que tem que fazer cinco objetos para cinco usuários diferentes. Ele escreverá o seguinte código:

const user1 =
fname: "Mary" ,
Lname: "Jane" ,
Idade: 23 ,
ID: 01
;
const user2 =
fname: "John" ,
Lname: "Doe" ,
Idade: 47 ,
ID: 02
;
const user3 =
fname: "Jane" ,
Lname: "Doe" ,
Idade: 34 ,
ID: 03
;
const user4 =
fname: "John" ,
Lname: "Smith" ,
Idade: 18 ,
ID: 04
;
const user5 =
fname: "Mary" ,
Lname: "Anne" ,
Idade: 22 ,
ID: 05
;

No exemplo acima, o código tem muita repetitividade, pois todos os objetos têm propriedades semelhantes. Podemos eliminar facilmente a repetitividade no código e torná -lo mais organizado usando uma classe.

Em JavaScript, o aula A palavra -chave é usada para criar uma classe. Classes em JavaScript Use um método chamado construtor(). Ele é executado automaticamente ao criar um novo objeto. Inicializa as propriedades do objeto.

Classuser
Construtor (primeiro nome, último nome, idade, id)
esse.fname = primeiro nome;
esse.lname = lastName;
esse.idade = idade;
esse.id = id;

No exemplo acima, criamos uma nova classe chamada Do utilizador. Serve como modelo/plano para todos os objetos do usuário que queremos fazer. O construtor leva quatro argumentos e faz quatro propriedades para cada objeto. Essas propriedades são nomeadas fname, lname, idade, e eu ia e pode ser acessado usando a seguinte sintaxe (depois de criarmos o objeto)

object_name.nome da propriedade

O 'esse' palavra -chave no exemplo refere -se ao objeto que possui o idade propriedade. Esta palavra -chave é usada para acessar o valor de uma propriedade em um objeto.

Agora vamos criar os objetos do usuário mostrados no primeiro exemplo usando o Do utilizador aula.

Classuser
Construtor (primeiro nome, último nome, idade, id)
esse.fname = primeiro nome;
esse.lname = lastName;
esse.idade = idade;
esse.id = id;


const user1 = newUser ('Mary', 'Jane', 23, 01);
const user2 = novo usuário ('John', 'Doe', 47, 02);
const user3 = novo usuário ('Jane', 'Doe', 34, 03);
const user4 = novo usuário ('John', 'Smith', 18, 04);
const user5 = novo usuário ('Mary', 'Anne', 22, 05);

Aqui você pode ver que o código se tornou muito mais legível.

Quais são os métodos nas classes JavaScript

Também podemos adicionar métodos às aulas em JavaScript. Esses métodos podem ser facilmente adicionados ao corpo da classe após o construtor usando a mesma sintaxe que é usada em objetos:

Classuser
Construtor (primeiro nome, último nome, idade, id)
esse.fname = primeiro nome;
esse.lname = lastName;
esse.idade = idade;
esse.id = id;

Ano de Nascimento()
const date = newDate ();
Deixe o ano = data.Getlyear () - este.idade;
ano de volta;


const user1 = novo usuário ('Mary', 'Jane', 23, 01);
const user2 = novo usuário ('John', 'Doe', 47, 02);
const user3 = novo usuário ('Jane', 'Doe', 34, 03);
const user4 = novo usuário ('John', 'Smith', 18, 04);
const user5 = novo usuário ('Mary', 'Anne', 22, 05);

Agora, se tentarmos acessar o Ano de Nascimento() método e imprimi -lo no console usando o console.registro() Método, então obteremos a seguinte saída:

console.log (user1.Ano de Nascimento());
console.log (user2.Ano de Nascimento());
console.log (user3.Ano de Nascimento());
console.log (user4.Ano de Nascimento());
console.log (user5.Ano de Nascimento());

Como usar os métodos getter e setter

Os métodos getter e setter podem ser usados ​​em uma classe para obter e definir o valor de uma propriedade em um objeto. Use o pegar ou definir Palavra -chave para usar o método getter ou setter, respectivamente:

Classuser
Construtor (primeiro nome, último nome, idade, id)
esse.fname = primeiro nome;
esse.lname = lastName;
esse.idade = idade;
esse.id = id;

Get UserGe ()
retornar este.idade;

Defina o usuário (i)
esse.idade = i;


const user1 = novo usuário ('Mary', 'Jane', 23, 01);
console.log (user1.idade); // será produzido 23
// Definindo o valor da propriedade AGE
usuário1.usuário = 24;
console.log (user1.idade); // será produzido 24

Conclusão

As classes são modelos de código que são usados ​​para criar novos objetos com propriedades e métodos semelhantes. Eles são úteis quando o codificador precisa fazer vários objetos diferentes com propriedades semelhantes.

Neste artigo, discutimos aulas. Aprendemos a usá -los para criar objetos. Além disso, também aprendemos a adicionar métodos diferentes aos objetos usando classes.