JavaScript | Súper palabra clave

La palabra clave súper en JavaScript se puede usar para acceder y llamar al padre de un objeto, se puede usar de dos maneras.

  • Como una función
  • como un objeto

Sintaxis:

super(arguments);
super.parentMethod(arguments);

Argumentos: esta palabra clave puede aceptar todos los argumentos que se han utilizado para crear un constructor.

El siguiente ejemplo ilustra los usos de la palabra clave super en JavaScript.

Ejemplo:  En el constructor de la clase FashionDesigner , se ha utilizado super como función. Mientras que, en la función doTasks() de la clase FashionDesigner , super se ha utilizado como objeto. En el constructor de la clase de diseñador de moda, la palabra clave super se ha utilizado como una función para llamar al constructor de la clase principal pasando los parámetros al diseñador de moda. Es importante realizar este paso para garantizar que FashionDesigner sea una instancia de Person. En la función doTasks() , super se usa como un objeto que se refiere a la instancia de la clase padre Person. Aquí, la palabra clave super se usa para llamar explícitamente a los métodos de la clase padre Persona.

Javascript

<!DOCTYPE html>
<html>
    <head> </head>
    <body>
        <script>
            class Person {
                constructor(name, age) {
                    this.name = name;
                    this.age = age;
                }
                atWork() {
                    return this.name + " is at work, ";
                }
                atHome() {
                    return this.name + " is at home";
                }
                sleeping() {
                    return this.name + " is sleeping";
                }
            }
            class FashionDesigner extends Person {
                constructor(name, age) {
                    super(name, age);
                }
                profession() {
                    return this.name +
                      " is a Fashion Designer";
                }
                doTasks() {
                    return super.atWork() + this.profession();
                }
            }
            function display(content) {
                console.log(content);
            }
            const character =
            new FashionDesigner("Sayan", 30);
            display(character.profession());
            display(character.atHome());
            display(character.doTasks());
        </script>
    </body>
</html>

Producción:

Sayan is a Fashion Designer
Sayanis at home
Sayanis at work Sayan is a Fashion Designer

Publicación traducida automáticamente

Artículo escrito por MugdhaBehere 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 *