Guía para principiantes de clases en JavaScript

Las clases son una plantilla/plan para objetos. Simplifican el proceso de crear múltiples objetos con propiedades y métodos similares. Las clases no estaban presentes en ES5 y se introdujeron en la versión ES6 de JavaScript. Las clases son meramente azúcar sintáctica en JavaScript, construidas sobre los prototipos y funcionan de la misma manera detrás de escena.

Cómo usar clases en JavaScript

Tomemos el ejemplo de un programador que tiene que hacer cinco objetos para cinco usuarios diferentes. Él escribirá el siguiente código:

const user1 =
Fname: "María" ,
Lname: "Jane" ,
Edad: 23 ,
ID: 01
;
const user2 =
Fname: "John" ,
Lname: "Doe" ,
Edad: 47 ,
ID: 02
;
const user3 =
Fname: "Jane" ,
Lname: "Doe" ,
Edad: 34 ,
ID: 03
;
const user4 =
Fname: "John" ,
Lname: "Smith" ,
Edad: 18 ,
ID: 04
;
const userer5 =
Fname: "María" ,
Lname: "Anne" ,
Edad: 22 ,
ID: 05
;

En el ejemplo anterior, el código tiene mucha repetitividad, ya que todos los objetos tienen propiedades similares. Podemos eliminar fácilmente la repetitividad en el código y hacerlo más organizado utilizando una clase.

En JavaScript, el clase La palabra clave se usa para crear una clase. Las clases en JavaScript usan un método nombrado constructor(). Se ejecuta automáticamente al crear un nuevo objeto. Inicializa las propiedades del objeto.

classuser
constructor (FirstName, LastName, Age, ID)
este.fname = FirstName;
este.lname = lastName;
este.edad = edad;
este.id = id;

En el ejemplo anterior, hemos creado una nueva clase llamada Usuario. Sirve como plantilla/plan para todos los objetos de usuario que queremos hacer. El constructor toma cuatro argumentos y hace cuatro propiedades para cada objeto. Estas propiedades se nombran fname, lname, edad, y identificación y se puede acceder utilizando la siguiente sintaxis (después de haber creado el objeto)

nombre del objeto.nombre de la propiedad

El 'este' La palabra clave en el ejemplo se refiere al objeto que posee el edad propiedad. Esta palabra clave se utiliza para acceder al valor de una propiedad dentro de un objeto.

Ahora crearemos los objetos de usuario que se muestran en el primer ejemplo utilizando el Usuario clase.

classuser
constructor (FirstName, LastName, Age, ID)
este.fname = FirstName;
este.lname = lastName;
este.edad = edad;
este.id = id;


const user1 = newuser ('Mary', 'Jane', 23, 01);
const userer2 = new User ('John', 'Doe', 47, 02);
const user3 = new User ('Jane', 'Doe', 34, 03);
const user4 = nuevo usuario ('John', 'Smith', 18, 04);
const userer5 = nuevo usuario ('Mary', 'Anne', 22, 05);

Aquí puede ver que el código se ha vuelto mucho más legible.

¿Cuáles son los métodos en las clases de JavaScript?

También podemos agregar métodos a clases en JavaScript. Estos métodos se pueden agregar fácilmente al cuerpo de la clase después del constructor utilizando la misma sintaxis que se usa en objetos:

classuser
constructor (FirstName, LastName, Age, ID)
este.fname = FirstName;
este.lname = lastName;
este.edad = edad;
este.id = id;

Año de nacimiento()
const date = newdate ();
Let Year = Fecha.Getfulfyear () - esto.edad;
año de regreso;


const user1 = nuevo usuario ('Mary', 'Jane', 23, 01);
const userer2 = new User ('John', 'Doe', 47, 02);
const user3 = new User ('Jane', 'Doe', 34, 03);
const user4 = nuevo usuario ('John', 'Smith', 18, 04);
const userer5 = nuevo usuario ('Mary', 'Anne', 22, 05);

Ahora, si intentamos acceder al Año de nacimiento() método e imprimo en la consola utilizando el consola.registro() Método, luego obtendremos la siguiente salida:

consola.Registro (usuario1.Año de nacimiento());
consola.Registro (usuario2.Año de nacimiento());
consola.Registro (usuario3.Año de nacimiento());
consola.Registro (usuario4.Año de nacimiento());
consola.Registro (usuario5.Año de nacimiento());

Cómo usar los métodos Getter y Setter

Los métodos getter y setter se pueden usar en una clase para obtener y establecer el valor de una propiedad en un objeto. Utilizar el conseguir o colocar Palabra clave para usar el método Getter o Setter, respectivamente:

classuser
constructor (FirstName, LastName, Age, ID)
este.fname = FirstName;
este.lname = lastName;
este.edad = edad;
este.id = id;

Obtener userage ()
regreso.edad;

Establecer usuario (i)
este.edad = i;


const user1 = nuevo usuario ('Mary', 'Jane', 23, 01);
consola.Registro (usuario1.edad); // emitirá 23
// Establecer el valor de la propiedad de edad
usuario1.Userage = 24;
consola.Registro (usuario1.edad); // emitirá 24

Conclusión

Las clases son plantillas de código que se utilizan para crear nuevos objetos con propiedades y métodos similares. Son útiles cuando el codificador tiene que hacer varios objetos diferentes con propiedades similares.

En este artículo, hemos discutido las clases. Aprendimos a usarlos para crear objetos. Además, también aprendimos a agregar diferentes métodos a los objetos utilizando clases.