Uso de super en Clases de JavaScript

La palabra clave super en JavaScript se utiliza en clases derivadas para acceder al constructor o a los métodos de la clase base. Esta keyword es una herramienta fundamental para trabajar con herencia ya que facilita la reutilización del comportamiento y la ampliación de la funcionalidad de las clases base.

En este artículo exploraremos cómo usar super en distintos contextos, las reglas que rigen su uso y ejemplos prácticos para comprender mejor su funcionamiento.

¿Qué es super en JavaScript?

Esta es una palabra clave que se utiliza para llamar al constructor de la clase base desde el constructor de una clase derivada. Esto permite inicializar las propiedades de la clase base. También para acceder a métodos de la clase base desde métodos sobrescritos en la clase derivada.

Sintaxis Básica para Usar super

super(argumentos);
super.metodoDeClaseBase();

El uso correcto de super depende del contexto en el que se emplee, ya sea en un constructor o en un método.

Uso de super en el Constructor

Cuando una clase extiende de otra, es obligatorio llamar a super() en el constructor de la clase derivada antes de usar this. Esto asegura que el constructor de la clase base se ejecute correctamente y que las propiedades heredadas se inicialicen.

Ejemplo: Uso de super() en el Constructor

class Animal {
  constructor(nombre) {
    this.nombre = nombre;
  }
}

class Perro extends Animal {
  constructor(nombre, raza) {
    super(nombre);  // Llama al constructor de la clase base
    this.raza = raza;
  }
}

const miPerro = new Perro('Max', 'Labrador');
console.log(miPerro.nombre);
console.log(miPerro.raza);

"Max"
"Labrador"

En este ejemplo super(nombre) llama al constructor de la clase base Animal, lo que permite inicializar la propiedad nombre antes de definir raza en la clase Perro.

Uso de super para Acceder a Métodos de la Clase Base

Además de llamar al constructor, super se puede utilizar para acceder a métodos de la clase base. Esto es útil cuando se sobrescriben métodos y se desea invocar el comportamiento original del método de la clase base.

Ejemplo: Invocar un Método Sobrescrito con super

class Vehiculo {
  iniciar() {
    console.log('El vehículo está en marcha.');
  }
}

class Coche extends Vehiculo {
  iniciar() {
    super.iniciar();  // Llama al método de la clase base
    console.log('El coche está en marcha.');
  }
}

const miCoche = new Coche();
miCoche.iniciar();

"El vehículo está en marcha."
"El coche está en marcha."

En el ejemplo anterior el método iniciar() de la clase Coche invoca el método iniciar() de la clase Vehiculo a través de super, permitiendo extender la funcionalidad en lugar de reemplazarla por completo.

Ventajas de Usar super en JavaScript

1. Reutilización de Código: Facilita la reutilización de la lógica definida en la clase base, evitando duplicación de código.
2. Extensión de Funcionalidades: Permite extender el comportamiento de la clase base, añadiendo nuevas características sin perder la funcionalidad original.
3. Organización en Jerarquías: Mejora la estructura del código en proyectos con clases que siguen una jerarquía de herencia.

Ejemplo Completo: Uso de super en Constructor y Métodos

class Persona {
  constructor(nombre, edad) {
    this.nombre = nombre;
    this.edad = edad;
  }

  saludar() {
    console.log(`Hola, soy ${this.nombre} y tengo ${this.edad} años.`);
  }
}

class Empleado extends Persona {
  constructor(nombre, edad, puesto) {
    super(nombre, edad);  // Llama al constructor de la clase base
    this.puesto = puesto;
  }

  saludar() {
    super.saludar();  // Llama al método de la clase base
    console.log(`Trabajo como ${this.puesto}.`);
  }
}

const empleado1 = new Empleado('Ana', 30, 'Desarrolladora');
empleado1.saludar();

"Hola, soy Ana y tengo 30 años."
"Trabajo como Desarrolladora."

En este ejemplo super(nombre, edad) inicializa las propiedades nombre y edad de la clase base Persona y super.saludar() invoca el método saludar() de la clase base, permitiendo que la clase Empleado extienda esa funcionalidad.

Consideraciones para Usar super

1. Obligatorio en Clases Derivadas: Cuando una clase deriva de otra, es obligatorio llamar a super() en el constructor antes de usar this. De lo contrario, se lanzará un error.
2. No se Puede Usar en Clases que No Extienden Otra Clase: La palabra clave super solo está disponible en clases que extienden otra clase. No se puede usar en clases que no tienen clase base.
3. Acceso a Métodos de la Clase Base con super.metodo(): permite invocar métodos de la clase base en métodos sobrescritos. Sin embargo, no se puede usar para acceder directamente a propiedades de la clase base.

Conclusión

La palabra clave super es fundamental para trabajar con herencia en JavaScript ya que facilita la reutilización y extensión de las funcionalidades de la clase base. Al utilizar super() en el constructor y super.metodo() en métodos sobrescritos, se puede crear un código más organizado y flexible. Sin embargo es importante seguir las reglas de uso para evitar errores y aprovechar al máximo sus beneficios.

En el próximo artículo profundizaremos en el uso de encapsulación con propiedades privadas en clases para proteger los datos y controlar mejor el acceso a las propiedades.