Scribd
Cargar
18 vistas

GUÍA 8 - Clases

Este documento presenta una guía sobre clases en JavaScript. Explica el sistema de clases introducido en ES6, que proporciona una sintaxis más orientada a objetos para definir clases. Detalla los conceptos clave como declaración de clases, constructores, métodos, herencia, instanciación, métodos estáticos y polimorfismo. El objetivo es comprender este sistema de clases y aplicarlo mediante ejemplos como crear clases para personas, aprendices e instructores siguiendo un diagrama de clases dado.

Cargado por

elgamerfriky3021
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
18 vistas

GUÍA 8 - Clases

Este documento presenta una guía sobre clases en JavaScript. Explica el sistema de clases introducido en ES6, que proporciona una sintaxis más orientada a objetos para definir clases. Detalla los conceptos clave como declaración de clases, constructores, métodos, herencia, instanciación, métodos estáticos y polimorfismo. El objetivo es comprender este sistema de clases y aplicarlo mediante ejemplos como crear clases para personas, aprendices e instructores siguiendo un diagrama de clases dado.

Cargado por

elgamerfriky3021
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 6

GUÍA 8 – CLASES EN JAVASCRIPT

OBJETIVO: Comprender el sistema de clases introducido en ECMAScript 6 (ES6). Este sistema


de clases proporciona una sintaxis más cercana a la programación orientada a objetos (POO)
que facilita la creación y el uso de clases en JavaScript.

RETO: Crear las clases establecidas en cada diagrama de clases e instanciar las clases adecuadas.
RETO 1

• Para la clase InstructorPlanta, un grado representa $100,000 y es un numero de 1 a 20;


por tanto, el sueldo se determina según el grado y el salario básico.
• Para la clase InstructorContrato la duración del contrato se establece en meses y en el
método estado() debe calcular la fecha de finalización del contrato.
• ¿Como podemos mejorar el diagrama de clases? Ver EtapaLectiva vs EtapaPractica
RETO 2
CONCEPTOS: El sistema de clases en ECMAScript 6 (ES6) introduce una forma más estructurada y
orientada a objetos de definir clases y objetos en JavaScript. Aquí están los fundamentos del sistema
de clases ES6:

• Declaración de clases: Se utiliza la palabra clave class para declarar una clase en ES6.

• Constructor: Toda clase debe definir un constructor utilizando el método constructor. Este
constructor se llama automáticamente cuando se crea una nueva instancia de la
clase y se utiliza para inicializar propiedades de instancia.

• Métodos de instancia: Puede definir métodos dentro de una clase que estarán disponibles
en todas las instancias de la clase. Estos métodos son funciones asociadas a objetos de la
clase.

• Herencia: Se puede crear una clase que herede propiedades y métodos de otra clase utilizando
la palabra clave extends. Esto permite la creación de una jerarquía de clases.
• Instanciación de clases: Para crear una instancia de una clase se utiliza el operador new.

• Métodos Estáticos: Una clase puede definir métodos estáticos en una clase utilizando la palabra
clave static. Los métodos estáticos no están asociados a instancias de la clase, sino a
la propia clase.

• Superclase y subclase: En el contexto de herencia, la clase que se hereda se llama "superclase"


o "clase padre", y la clase que hereda se llama "subclase" o "clase hija". La palabra clave super se
utiliza en las subclases para llamar a métodos de la superclase.
• Polimorfismo: Las clases ES6 permiten el polimorfismo, lo que significa que se puede
reemplazar un método en la subclase que se hereda de la superclase. Esto permite que las
subclases tengan comportamientos específicos mientras mantienen una interfaz común.

ACTIVIDADES

Desarrollar paso a paso el código que se adjunta para comprender los fundamentos de la
programación orientada a objetos y su implementación con el sistema de clases que realiza
JavaScript.

Este trabajo lo seguiremos realizando en el lado cliente mediante la inclusión de un


<script></script> en una página web.
Para realizar la actividad nos basamos en el diagrama de clases

1. CLASE PERSONA
2. CLASE APRENDIZ

La clase Aprendiz hereda de la superclase Persona

3. CLASE INSTRUCTOR

La clase Instructor hereda de la superclase Persona

4. CLASE APRENDIZPLANTA

La clase AprendizPlanta hereda de la superclase Aprendiz


5. PRUEBA DE LA FUNCIONALIDAD DE CLASES

Para probar la funcionalidad de las clases construidas en JavaScript, basándonos en el


diagrama de clases planteado, observamos que las clases Aprendiz e InstructorPlanta son
las únicas que no tienen subclases; por lo anterior, son las únicas clases que deben instanciar
objetos.

También podría gustarte