0

Tengo una clase Avión y se le puede agregar la cantidad de pasajeros, para ello cree un método set, la cosa es que creí que esto evitaba que se pueda usar la variable directamente, ya que tenia un getter y un setter.

Y el problema es que se puede hacer esto: avion.pasajeros = "Azúcar"; por lo menos con el setter podía comprobar si es un numero y tirar error.

¿Hay alguna forma de hacer esto?

class Avion {

    constructor(marca, pasajeros) {
        this.marca = marca;
        this.pasajeros = pasajeros;
    }

    encender() {
        console.log("El avión esta encendido.");
    }

    apagar() {
        console.log("El avión esta apagado.")
    }

    set setPasajeros(cantidad) {
        this.pasajeros = cantidad;
    }

    get getPasajeros() {
        return this.pasajeros;
    }

}

avion = new Avion("Acme", 50);

avion.setPasajeros = avion.getPasajeros + 10;
avion.pasajeros = avion.pasajeros + 10;
avion.pasajeros = "Azúcar";

console.log(avion.getPasajeros);
5
  • ¿Responde esto a tu pregunta? Cómo se implementa la privacidad en las clases de ES6?
    – Marcos
    Commented el 19 ago. 2021 a las 22:49
  • @Marcos Realmente se puede seguir sobreescribiendo la propiedad con cualquier valor, así que no es realmente útil esa respuesta Commented el 19 ago. 2021 a las 23:14
  • Lamentablemente javascript no es un lenguaje fuertemente tipado. Eso quiere decir que una variable puede cambiar en toda la ejecucion. Lo que puedes hacer es agregar una validacion para que cuando agreguen un valor no numerio asigne por defecto algun valor que creas conveniente.
    – DavElsanto
    Commented el 19 ago. 2021 a las 23:17
  • @DavElsanto En las nuevas versiones de Javascript es posible definir elementos privados con el operador # Commented el 19 ago. 2021 a las 23:17
  • No lo sabia muchas gracias. Pero el comentario no cambia que la variable va a poder seguir cambiando de valores.
    – DavElsanto
    Commented el 19 ago. 2021 a las 23:19

2 respuestas 2

4

Podrías modificar un poco tus getters y setters para hacer parecer que estás accediendo directamente a la propiedad. Sin embargo, debido a que JS no fue inicialmente pensado para ser usado en POO será muy fácil acceder a la propiedad que estás tratando de "ocultar" ya que finalmente las clases no son más que "funciones especiales" que devuelven un objeto.

Podrías hacer lo siguiente:

class Avion {
  /**
   * Clase Avion
   * @param {string} marca Marca del avión
   * @param {number} pasajeros Número de pasajeros
   */
  constructor(marca, pasajeros) {
    this._marca = marca;
    if (typeof pasajeros !== 'number') {
      throw new TypeError('pasajeros debe ser de tipo number')
    }
    this._pasajeros = pasajeros;
  }

  set pasajeros(pasajeros) {
    if (typeof pasajeros !== 'number') {
      throw new TypeError('`pasajeros` debe ser de tipo number')
    }
    this._pasajeros = pasajeros;
  }

  get pasajeros() {
    return this._pasajeros;
  }
}

avion = new Avion("Acme", 50);

avion.pasajeros = avion.pasajeros + 10;
avion.pasajeros = avion.pasajeros + 10;
avion.pasajeros = "hola";

console.log(avion.pasajeros);

Lo anterior implementa un mecanismo que valida el tipo de dato de _pasajeros a través de pasajeros usando un setter. Sin embargo como mencioné al principio, al ser un objeto, fácilmente se podría acceder a la propiedad _pasajeros y saltar esa validación.

class Avion {
  /**
   * Clase Avion
   * @param {string} marca Marca del avión
   * @param {number} pasajeros Número de pasajeros
   */
  constructor(marca, pasajeros) {
    this._marca = marca;
    if (typeof pasajeros !== 'number') {
      throw new TypeError('pasajeros debe ser de tipo number')
    }
    this._pasajeros = pasajeros;
  }

  set pasajeros(pasajeros) {
    if (typeof pasajeros !== 'number') {
      throw new TypeError('`pasajeros` debe ser de tipo number')
    }
    this._pasajeros = pasajeros;
  }

  get pasajeros() {
    return this._pasajeros;
  }
}

avion = new Avion("Acme", 50);

avion.pasajeros = avion.pasajeros + 10;
avion.pasajeros = avion.pasajeros + 10;
avion._pasajeros = "Azúcar";

console.log(avion.pasajeros);

Si bien es cierto que TypeScript puede ofrecer mecanismos para hacer esto al momento del desarrollo, lo cierto es que al ser transpilado caerías en lo mismo (mira este playground, en la sección .JS) en tiempo de ejecución.

Otra opción (un poco compleja pero más efectiva) podría ser la encapsulación a través de closures.

const Avion = function (pasajeros) {
  if (typeof pasajeros !== 'number') {
    throw new TypeError('`pasajeros` debe ser un número.');
  }
  return (function () {
    let _pasajeros = pasajeros;
    return {
      setPasajeros: function (pasajeros) {
        if (typeof pasajeros !== 'number') {
          throw new TypeError('`pasajeros` debe ser un número.');
        }
        else {
          _pasajeros = pasajeros;
        }
      },
      getPasajeros: function () {
        return _pasajeros;
      }
    };
  }());
}

const test = new Avion(5);
// const test = new Avion("Azúcar"); // Esto lanzará error

console.log('Pasajeros al momento del constructor:', test.getPasajeros());
test.setPasajeros(10);
// test.setPasajeros("Azúcar"); // Esto lanzará error
test._pasajeros = 1000;
test.pasajeros = 1000;
console.log('Pasajeros después de la actualización:', test.getPasajeros());
// Nota como en lugar de actualizar los valores dentro del closure, actualizas los del objeto "padre"
console.log(test);

Podrías aprovechar el uso los campos privados a través de # como mencionan otros compañeros. Sin embargo debes de tener en cuenta que esto sigue en fase experimental y pudiera desaparecer en un futuro. Al parecer ya está en Fase 4 y será publicado próximamente.

Referencia: Encapsulation in Javascript (en inglés).

2

En las nuevas versiones de Javascript esto es posible utilizando un nuevo operador, sin embargo tienes que tener en cuenta que al hacer bundle y generar una versión que sea compatible con múltiples navegadores y sistemas puede que la versión de código generada no soporte este operador, por eso debes usarlo con cuidado teniendo en cuenta estas limitaciones

Referencia: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Private_class_fields

Ejemplo:

class A {
  #nombre = 'Javascript';
  
  logName() {
    console.log(this.#nombre);
  }
}

const a = new A();

// console.log(a.#nombre); No es posible
a.logName(); // Posible

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.