Clases en JavaScript | Explicado para principiantes

Las clases en un lenguaje de programación son una característica que pertenece al enfoque tradicional orientado a objetos y en JavaScript, tiene algunas de las mismas características. La clase en programación es una estructura para crear objetos

Se agregaron clases en 2015 con el lanzamiento de la versión ES6 de JavaScript. Las clases son la asignación de objetos reales en los objetos de lenguajes de programación.

¿Por qué crear una clase?

Muy precisamente, para ahorrar tiempo y evitar la redundancia, estas son las principales razones por las cuales las clases se usan en JavaScript. Por ejemplo, si desea hacer objetos de 50 personas que tengan casi las mismas propiedades: primer nombre, apellido y edad; Tendrás que escribir la estructura de 50 objetos diferentes. Pero con las clases de uso, puede crear una sola plantilla y mapear objetos infinitos en esa misma plantilla.

Además, refiriéndose al enfoque orientado a objetos, las clases se utilizan para implementar el concepto de modularidad dentro de un proyecto, y también para implementar procesos de desarrollo como el proceso de desarrollo incremental fácilmente.

Cómo definir una clase

Para definir una clase, usa la palabra clave reservada "clase" y luego el nombre de la clase y corchetes Después del identificador. Los datos de la clase están escritos dentro de los soportes rizados.

Un simple ejemplo de Persona La clase sería como:

persona de clase
// Datos de la clase - Constructor, variables y métodos

Cómo trabajar con una clase de JavaScript

Para trabajar con una clase, debe tener algunas propiedades del objeto y un método de constructor. Para demostrar el funcionamiento de clases y objetos, crearemos una clase para personas con el identificador "Persona". Por lo tanto, para crear una clase de persona, puede usar las siguientes líneas de código:

persona de clase
// El código posterior entrará aquí, dentro de la clase

Variables de clase son variables conocidas como propiedades de los objetos. Estas variables también pueden ser variables necesarias para un método de clase determinada.

Para la clase de persona, para crear las variables de clase: nombre de pila, apellido, edad, y trabajo, Se utilizará el siguiente código dentro de los soportes rizados de la clase:

nombre de pila;
apellido;
edad;
trabajo;

El constructor método se ejecuta automáticamente cuando se crea un nuevo objeto, el método del constructor se utiliza para inicializar todas las variables y los métodos de la clase. El método del constructor es obligatorio para que una clase funcione, pero es opcional que el desarrollador cree un método de constructor porque JavaScript creará un método de constructor vacío para las clases sin un constructor.

El método del constructor se crea utilizando el constructor de palabras clave reservadas y colocando paréntesis redondo frente a él. Dentro de estos paréntesis, puede definir los argumentos requeridos para que un objeto se mapee en esta clase e incluso use los parámetros predeterminados.

Para crear un constructor para el Persona clase El siguiente código se usará para asignar los valores a las propiedades del objeto.

constructor (firstName = "John", LastName = "Doe", Age = 20, Job = "Freelancer")
este.FirstName = FirstName;
este.lastName = lastName;
este.edad = edad;
este.trabajo = trabajo;

Como puede ver en el código anterior, estamos utilizando parámetros predeterminados para evitar un argumento vacío.

Métodos de clase son las funciones normales a las que se accede mediante el uso de Operador DOT "." Con el identificador del objeto, pero a diferencia de las funciones normales, la palabra clave "función" no se usa para definir un método de clase; más bien, escribe el nombre del método y coloca entre corchetes frente a él y escribe el código JavaScript del método encerrado en corchetes .

Va a crear un método que imprima los detalles del objeto de la persona utilizando las siguientes líneas de código:

printDetails ()
consola.Log ("Nombre:" + esto.FirstName + "" + esto.apellido);
consola.log ("edad:" + esto.edad);
consola.Log ("Job:" + esto.trabajo);

Tiene una clase básica de persona completa, el código completo de esta clase es como:

classperson
nombre de pila;
apellido;
edad;
trabajo;
constructor(
FirstName = "John",
LastName = "Doe",
Edad = 20,
Job = "Freelancer"
)
este.FirstName = FirstName;
este.lastName = lastName;
este.edad = edad;
este.trabajo = trabajo;

printDetails ()
consola.Log ("Nombre:" + esto.FirstName + "" + esto.apellido);
consola.log ("edad:" + esto.edad);
consola.Log ("Job:" + esto.trabajo);

Mapeo y uso de objetos contra clases

Ahora tienes que mapear objetos a esta clase. Para eso, vas a crear un objeto P1 y establecerlo igual al constructor de la clase de la persona con la clave "nuevo". Incluso puedes crear más objetos y darles los nombres que quieras. Esto asignaría nuestra variable de objeto a la persona de la clase. Podemos crear cantidades infinitas de objetos contra esta persona de clase.

p1 = nueva persona ("William", "Mark", 35, "escritor");
p2 = nueva persona ("Henry", "Clark", 22, "Auditor");

Para acceder al printDetails () método de ambos objeto solo tenemos que usar el operador de puntos como:

P1.printDetails ();
p2.printDetails ();

Después de ejecutar todo el código, verá esta salida en la consola:

Como puede ver en el fragmento anterior, imprimimos los detalles de 2 objetos diferentes que tienen las mismas propiedades pero valores diferentes.

Conclusión

Las clases en JavaScript se utilizan para definir un mapeo para los objetos que tienen las mismas propiedades y funciones. Estas clases también se denominan implementación de modularidad utilizando el enfoque orientado a objetos. Aprendimos qué clases son, cómo definirlas, cómo trabajar con ellas y cómo usarlas para crear objetos junto con ejemplos.