JavaScript - Pertenencia entre clases

Pos: 206

Val: 11

Pertenencia entre clases

Publicado por Álvaro (4 intervenciones) el 15/11/2019 11:33:16

Buenos días / tardes / noches. Estoy realizando un pequeño ejercicio de JavaScript donde utilizo objetos (con sus respectivas clases). Y realizándolo me ha surgido la necesidad de instanciar un objeto de otra clase. Cabe destacar que ambas clases las tengo en script distintos, por lo que no sabría como instanciar dicho objeto.

class Personal {

    constructor(nombre, apellidos){

        this.nombre = nombre;

        this.apellidos = apellidos;

        this.especialidad = new Especialidad();

Con un ejemplo.. Tengo la clase Personal, cuyos atributos serían nombre, apellidos y especialidad, pero este último sería un objeto de otra clase. Simplemente quería aplicar pertenencia en este ejercicio, pero si habría otro modo de hacerlo estaría agradecido. Espero haberme explicado correctamente.

Muchas gracias, y un saludo

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 1

Val: 3.506

Pertenencia entre clases

Publicado por joel (895 intervenciones) el 16/11/2019 08:52:13

Hola Alvaro con new NombreClase(); instancias cualquier otra clase...

Sobre el tema de los archivos, en tu pagina html, tienes que haber cargado los dos archivos js... algo así:

<script type="text/javascript" src="/js/clase1.js"></script>

<script type="text/javascript" src="/js/clase2.js"></script>

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 206

Val: 11

Pertenencia entre clases

Publicado por Álvaro (4 intervenciones) el 16/11/2019 14:18:12

Muchas gracias por tu respuesta Joel. Como bien dices, llamo a la clase Especialidad instanciándola desde el constructor de la clase Personal:

Anotacion-2019-11-16-131030

E incluyo ambos script en el HTML donde tengo el formulario:

Anotacion-2019-11-16-1312

Sin embargo, me aparece el siguiente error:

error

Y he llamado a las clases con new Especialidad(), como has dicho, pero no encuentro la razón del por qué no me funciona

Muchas gracias de antemano

EDIT:

He conseguido mostrar los atributos propios de la clase Personal, pero al mostrar especialidad (el cual es un objeto), me aparece [object Object]

edit

2º EDIT:

He conseguido mostrar todos los datos

solucion

La manera en la que lo he hecho es un tanto rara, sinceramente no logro comprender del todo.

class Personal {

    constructor() {

        this._nombre = document.getElementById("nombreMedico").value;

        this._apellidos = document.getElementById("apellidosMedico").value;

        this._especialidad = new Especialidad(document.getElementById("especialidadMedico").value);

    get nombre() {

        return this._nombre;

    get apellidos() {

        return this._apellidos;

    get especialidad() {

        return this._especialidad;

function mostrarDatos() {

    let medico = new Personal();

    document.getElementById("resultado").innerHTML = "Nombre: " + medico.nombre + "" +

        "<br>Apellidos: " + medico.apellidos +

        "<br>Especialidad: " + medico.especialidad._especialidad;

Es en la función mostrar datos donde consigo mostrar la especialidad, me funciona, pero me deja un sabor de boca agridulce ya que no lo consigo comprender del todo. Supongo que siendo un novato en JavaScript no puedo evitar probar cosas al azar.

Muchas gracias Joel

Valora esta respuesta

Comentar

Pos: 1

Val: 3.506