¿Cómo llamar al constructor de la clase base desde la clase secundaria en TypeScript?

En este artículo, aprenderemos cómo podemos llamar al constructor de la clase base desde la clase secundaria. Cuando una clase hereda las propiedades de otra clase, se denomina clase secundaria y la clase cuyas propiedades se heredan se denomina clase principal y todo el proceso se denomina Herencia . En Herencia, la clase secundaria adquiere las propiedades de la clase base o la clase principal. 

Puede llamar al constructor de la clase base desde la clase secundaria usando el super() que ejecutará el constructor de la clase base.

Ejemplo:

Javascript

class Person {
  
  // Properties of the Person class
  Name: string;
  Profession: string;
  
  // Constructor of Person class
  constructor(name: string, profession: string) {
    this.Name = name;
    this.Profession = profession;
  }
}
  
class Details extends Person {
  
  // Properties of the class
  Name: string;
  Profession: string;
  
  // Constructor of the Details class
  constructor(name: string, profession: string) {
  
    // Calling the base class constructor
    super(name, profession);
  
    // Setting the properties
    this.Name = name;
    this.Profession = profession;
  }
  
  details(): string {
    return this.Name + " is " +
      this.Profession;
  }
}
  
// Creating an object
var data =
  new Details("A", "Android Developer");
var data2 =
  new Details("B", "Web Developer");
  
// Accessing the function details() 
// and printing
console.log(data.details());
console.log(data2.details());

Producción:

A is Android Developer
B is Web Developer

Aquí, la clase Persona es nuestra clase principal y la clase Detalles es nuestra clase secundaria y también la clase Detalles hereda la clase Persona . Para heredar otra clase se usa la palabra clave extends. La clase Detalles hereda las propiedades de la clase Persona. 

Ahora, en la clase derivada, hemos usado el super() que llamará al constructor de la clase base o clase principal. Después de esto, creamos una instancia de la clase Detalles y pasamos dos parámetros, nombre y profesión, a su constructor y, después de esto, llamamos al método de detalles que imprimirá el valor proporcionado en el parámetro del constructor.

Ejemplo 2:

Javascript

class Square {
  
  // Properties of the Square class
  side: number;
  
  // Constructor of the Square class
  constructor(side: number) {
    this.side = side;
  }
}
  
class Area extends Square {
  
  // Properties of the Area class
  side: number;
  
  // Constructor of the Area class
  constructor(side: number) {
  
    // Calling the base class constructor
    super(side);
  
    // Setting the properties
    this.side = side;
  
  }
  
  // Returns the area of square
  area(): string {
    return "The area of Square is " + t
      his.side * this.side;
  }
}
  
// Creating object of class Area
var data = new Area(7);
  
// Getting the property and 
// printing the value
console.log(data.area());

Producción:

The area of Square is 49

Publicación traducida automáticamente

Artículo escrito por Pushpender007 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *