Can you explain the super keyword in ES6?

Can you explain the super keyword in ES6?

Sure! The super keyword in ES6 is used to call functions on an object's parent class. It allows you to access properties and methods from the parent class.

How is it different from using 'this'?

The this keyword refers to the current instance of the class, while super refers to the parent class. You use super to access methods or properties from the parent.

Can you give me an example of how to use super?

Absolutely! Here's a simple example:

class Parent {
    constructor() {
        this.name = 'Parent';
    }
    greet() {
        return `Hello from ${this.name}`;
    }
}

class Child extends Parent {
    constructor() {
        super(); // Calls the parent class constructor
        this.name = 'Child';
    }
    greet() {
        return `${super.greet()} and I am the ${this.name}`;
    }
}

const child = new Child();
console.log(child.greet()); // Output: Hello from Child and I am the Child

In this example, super() calls the constructor of the Parent class.

What happens if I forget to use super in the constructor?

If you forget to call super() in the constructor of a derived class, you'll get a ReferenceError because you need to call the parent class's constructor before you can use this in the child class.