Articles → JAVASCRIPT → Class Inheritance In Javascript

Class Inheritance In Javascript

In this article, we will implement class inheritance in JavaScript.

Example

In this example, we will create a base class and a derived class. After that, I will call the method of both the classes.

 <script>
    class BaseClass {
        Print() {
            alert("Print message of the BaseClass");
        }
    }
         
    class DerivedClass extends BaseClass {
        Print1() {
            alert("Print message of the Derived Class");
        }
    }
         
    let cls = new DerivedClass();
    cls.Print();
    cls.Print1();
</script>

Try It

Here is the output

Picture showing the output of class inheritance in javascript

Calling The Constructors Of Base And Derived Class

You can use the "super()" method for calling the function of the base class. Here is the code.

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta charset="utf-8" />
      <title></title>
      <script>
         class BaseClass {
             constructor() {
                 alert("Constructor of the base class");
             }            
         }
         
         class DerivedClass extends BaseClass {
             constructor() {
                 super();
                 alert("Constructor of the derived class");
             }
         }
         
         let cls = new DerivedClass();
         
      </script>
   </head>
   <body>
   </body>
</html>

Here is the output

Picture showing the output of calling the constructor in Javascript

Posted By -	Karan Gupta

Posted On -	Thursday, July 29, 2021

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**