Mastering JavaScript OOP Inheritance

Inheritance in JavaScript using classes. You have a Person class as the superclass, an Employee class  that extends Person, and two subclasses (Designer and Developer)

Person Class:

• it has a constructor that takes a name parameter and initializes the name property.
• Defines a play method.

Employee Class:

• Extends the Person class.
• it has a constructor that takes a name and an id parameter, and initializes the id property.

Designer Class:

• Extends the Employee class.
• it has a constructor that takes a name and an id parameter.
• Defines a design method.

Developer Class:

• Extends the Employee class.
• it has a constructor that takes a name and an id parameter.
• Defines a coding method.

Creating instances and invoking methods:

• Creates instances of Developer and Designer.
• Calls the play, coding, and design methods.

class Person     //super class 
{
    constructor(name)
    {
        this.name=name
    

    this.play=()=>{
        console.log("playing");
    }
}
}

//sub class
class Employee extends Person{
    constructor(name,id)
    {
        super(name)
        this.id=id
     }
}

class Designer extends Employee{
    constructor(name,id)
    {
        super(name,id)
        this.design=()=>{
            console.log("Designing.......")
        }
        
     }
}

class Developer extends Employee{
    constructor(name,id)
    {
        super(name,id)
        this.coding=()=>{
            console.log("Coding.......")
        }
        
     }
}

const developer = new Developer("java codinggg",1)
const designer = new Designer("UX Design",1)

developer.play()
developer.coding()
designer.design()