How do I implement inheritance in JavaScript?

How do I implement inheritance in JavaScript?

In JavaScript, you can implement inheritance using prototypes or the class syntax introduced in ES6. Which one would you like to know more about?

Can you explain how to use prototypes for inheritance?

Sure! You can create a parent object and then set the prototype of the child object to the parent. Here's a simple example:

function Parent() {
    this.parentProperty = 'I am a parent';
}

function Child() {
    Parent.call(this); // Call parent constructor
}

Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

const childInstance = new Child();
console.log(childInstance.parentProperty); // Outputs: I am a parent

What about using the class syntax?

Using the class syntax is more straightforward. You can use the extends keyword to inherit from a parent class. Here's an example:

class Parent {
    constructor() {
        this.parentProperty = 'I am a parent';
    }
}

class Child extends Parent {
    constructor() {
        super(); // Call parent constructor
    }
}

const childInstance = new Child();
console.log(childInstance.parentProperty); // Outputs: I am a parent