2
    const tipoP = [
      { pago: "Tarjeta" },
      { pago: "Transferencia bancaria" },
      { pago: "Criptomonedas" },
      { pago: "Teléfono móvil" },
    ];
    const tipoH = [
      { habitacion: "Sencilla", precio: 31 },
      { habitacion: "Doble", precio: 62 },
      { habitacion: "Triple", precio: 93 },
      { habitacion: "Quat", precio: 120 },
    ];
    
    class Reserva{
      constructor(dni, nombre, apellido, tipoP,numero, tipoH, precio){
        this.dni = dni;
        this.nombre = nombre;
        this.apellido = apellido;
        this.tipoP = tipoP;
        this.numero = numero;
        this.tipoH = tipoH;
        this.precio = precio;
        
      }
    }
    class Usuario extends Reserva{
      constructor(dni, nombre, apellido, tipoP,pagado) {
        super(dni, nombre, apellido, tipoP);
        this.pagado = pagado;
      }
      informacionUsu = function () {
        if (this.pagado === false) {
          return `El cliente con DNI: ${this.dni}, ${this.apellido}, ${this.nombre}, aun tiene que pagar`;
        } else {
          return `El cliente con DNI: ${this.dni}, ${this.apellido}, ${this.nombre}, ha pagado mediante ${this.tipoP}`;
        }
    
      };
    
    }
    let importe;
    class Habitacion extends Reserva{
      constructor(numero, tipoH,dias, precio) {
        super(numero, tipoH, precio);
        this.dias = dias;
        importe = dias * precio;
      }
      informacionHab = function () {
        return `ha reservado la habitacion ${this.numero} ${this.tipoH}, durante ${this.dias} dias a un precio de ${importe}€`;
      };
    }
    const reserva1 = new Reserva("55447701F", "Pepe", "Gomez",tipoP[1].pago,true,14,tipoH[1].habitacion,10,tipoH[1].precio);
    console.log(reserva1.informacionUsu());
    console.log(reserva1.informacionHab());

Al ejecutar el código anterior tengo el siguiente error:

Uncaught TypeError: reserva1.informacionUsu is not a function

Por mas que intento encontrar el error no lo veo, seguro que es una tontería, pero estoy aprendiendo, perdón por las meteduras de pata Gracias y espero respuesta...

9
  • Bueno, por lo que leo en tu código, reserva1 es del tipo Reserva, y la clase Reserva no tiene declarado ningún método, por ello el error de que reserva1.informacionUsu no es una función. ¿Qué esperas exactamente? No puedes crear un objeto Reserva y pretender que tenga métodos de otras clases cómo Habitacion o Usuario.
    – Jaime
    el 5 mar. 2022 a las 1:38
  • valeeee, jajajajaja los métodos tienen que estar en el padre, thnks, boss!!
    – Serafin
    el 5 mar. 2022 a las 1:46
  • 2
    De hecho la relaciones de herencia no están correctas. Un Usuario no es una Reserva y una Habitación no es una Reserva. Las relaciones son más bien de composición. Una reserva tiene un usuario y tiene una habitación. Checa acá una posible solución con composición que tiene mucho más sentido con tu código.
    – Jaime
    el 5 mar. 2022 a las 2:05
  • Jaime Menéndez, muchas gracias por contestar, entiendo mas o menos todo menos, los binds, exactamente, ¿para que se usan?
    – Serafin
    el 5 mar. 2022 a las 2:37
  • 1
    @JaimeMenéndez ¿Porqué dices que con las nuevas versiones de JS el bind ya no es necesario? ¿De dónde sacas eso? el 5 mar. 2022 a las 9:03

2 respuestas 2

1

Una clase puede contener metodos staticos ; getter y setter; metodo constructor para crear e inicializar un objeto creado a partir de una clase.Si no se especifica un método constructor, se utiliza un constructor predeterminado y tambien podemos definir a otros metodos pero definirlos como metodos de expresion dentro de la clase puede dar errores segun el interprete

const tipoP = [
    { pago: "Tarjeta" },
    { pago: "Transferencia bancaria" },
    { pago: "Criptomonedas" },
    { pago: "Teléfono móvil" },
];
const tipoH = [
    { habitacion: "Sencilla", precio: 31 },
    { habitacion: "Doble", precio: 62 },
    { habitacion: "Triple", precio: 93 },
    { habitacion: "Quat", precio: 120 },
];

class Reserva {
    constructor(habitacion, usuario, dias, tipoPago, pagado) {
        this.habitacion = habitacion;
        this.usuario = usuario;
        this.dias = dias;
        this.tipoPago = tipoPago;
        this.pagado = pagado;
        this.importe = dias * habitacion.precio;
    }

    informacionUsu () {
        if (this.pagado === false) {
            return `El cliente con DNI: ${this.usuario.dni}, ${this.usuario.apellido}, ${this.usuario.nombre}, aun tiene que pagar`;
        } else {
            return `El cliente con DNI: ${this.usuario.dni}, ${this.usuario.apellido}, ${this.usuario.nombre}, ha pagado mediante ${this.tipoPago}`;
        }
    };

    informacionHab  () {
        return `ha reservado la habitacion ${this.habitacion.numero} ${this.habitacion.tipoH}, durante ${this.dias} dias a un precio de ${this.importe}€`;
    };
}

class Usuario {
    constructor(dni, nombre, apellido) {
        this.dni = dni;
        this.nombre = nombre;
        this.apellido = apellido;
    }
}
class Habitacion {
    constructor(numero, tipoH, precio) {
        this.numero = numero;
        this.tipoH = tipoH;
        this.precio = precio;
    }
}

const usuario = new Usuario("55447701F", "Pepe", "Gomez");
const habitacion = new Habitacion(1, tipoH[1].habitacion, tipoH[1].precio);
const reserva = new Reserva(habitacion, usuario, 14, tipoP[1].pago, true);
console.log(reserva.informacionUsu());
console.log(reserva.informacionHab());

2
  • Disculpa ser tan exigente, pero afirmas cosas que no aplican a Javascript. Una Clase no debe tener un método constructor obligatoriamente, por lo tanto tu afirmación: "debe contener su metodo constructor" no es correcta, yo la cambiaría por puede contener un método constructor. Por otro lado, no existen compiladores en Javascript, ya que no es un lenguaje compilado, al contrario, es un lenguaje interpretado. Tal vez a lo que te refieres es que hay diferentes intérpretes para el lenguaje, por ejemplo el motor (intérprete) de Chrome es distinto al motor de Mozilla. Saludos el 5 mar. 2022 a las 15:06
  • es una discucion el tema de compilador igual lo modifique ya que se lo considera Lenguaje Interpretado y precisa un interprete en runtime Hay otros que lo consideran de otra forma Kyle Simpson en You Don't Know JS: Scope & Closures .Hoy se usan motores hibridos como V8 y WebKit los cuales compilan o interpretan segun la situacion
    – nestdan
    el 5 mar. 2022 a las 17:40
0

Jaime Menéndez, GRACIAS CRACK!

const tipoP = [
    { pago: "Tarjeta" },
    { pago: "Transferencia bancaria" },
    { pago: "Criptomonedas" },
    { pago: "Teléfono móvil" },
];
const tipoH = [
    { habitacion: "Sencilla", precio: 31 },
    { habitacion: "Doble", precio: 62 },
    { habitacion: "Triple", precio: 93 },
    { habitacion: "Quat", precio: 120 },
];

class Reserva {
    constructor(habitacion, usuario, dias, tipoPago, pagado) {
        this.habitacion = habitacion;
        this.usuario = usuario;
        this.dias = dias;
        this.tipoPago = tipoPago;
        this.pagado = pagado;
        this.importe = dias * habitacion.precio;
    }

    informacionUsu = function () {
        if (this.pagado === false) {
            return `El cliente con DNI: ${this.usuario.dni}, ${this.usuario.apellido}, ${this.usuario.nombre}, aun tiene que pagar`;
        } else {
            return `El cliente con DNI: ${this.usuario.dni}, ${this.usuario.apellido}, ${this.usuario.nombre}, ha pagado mediante ${this.tipoPago}`;
        }
    };

    informacionHab = function () {
        return `ha reservado la habitacion ${this.habitacion.numero} ${this.habitacion.tipoH}, durante ${this.dias} dias a un precio de ${this.importe}€`;
    };
}

class Usuario {
    constructor(dni, nombre, apellido) {
        this.dni = dni;
        this.nombre = nombre;
        this.apellido = apellido;
    }
}
class Habitacion {
    constructor(numero, tipoH, precio) {
        this.numero = numero;
        this.tipoH = tipoH;
        this.precio = precio;
    }
}

const usuario = new Usuario("55447701F", "Pepe", "Gomez");
const habitacion = new Habitacion(1, tipoH[1].habitacion, tipoH[1].precio);
const reserva = new Reserva(habitacion, usuario, 14, tipoP[1].pago, true);
console.log(reserva.informacionUsu());
console.log(reserva.informacionHab());
3
  • 1
    Una respuesta que no explica cómo se soluciona el problema y que sólo contiene código no aporta valor. Considera editar tu respuesta y describir cómo se soluciona el problema planteado. Eso no sólo te ayudará a ti, reforzando lo aprendido, sino que ayudará a otros que tengan un problema similar. Saludos el 5 mar. 2022 a las 9:06
  • Discúlpeme, pero a mi me ha quedado claro, no había hecho las herencias correctamente, un saludo
    – Serafin
    el 5 mar. 2022 a las 10:29
  • Es que puede que te haya quedado claro, pero: recuerda que la idea de Stack Overflow en español es ayudar a todos quienes tienen un problema similar a la del autor de la pregunta, por lo tanto, la respuesta debe estar redactada como para que otros usuarios de la comunidad también lo comprendan (tal como lo mencionó @MauricioContreras). Lee Cómo responder.
    – padaleiana
    el 5 mar. 2022 a las 12:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.