Skip to content

Courses
Tutorials
Practice
Contests

TypeScript Tutorial
TS Exercise
TS Interview Questions
TS Cheat Sheet
TS Array
TS String
TS Object
TS Operators
TS Projects
TS Union Types
TS Function
TS Class
TS Generic

How to Extend an Interface from a class in TypeScript ?

How to call base class constructor from child class in TypeScript ?

Last Updated : 14 Jun, 2021

Comments

Improve

Suggest changes

Like Article

Like

Report

In this article, we will learn how we can call the base class constructor from the child class. When a class inherits the properties of another class, it is called a child class and the class whose properties are inherited is called the parent class and the whole process is called Inheritance. In Inheritance, the child class acquires the properties of the base class or parent class.

You can call the base class constructor from the child class by using the super() which will execute the constructor of the base class.

Example:

JavaScript

class Person {    // Properties of the Person class   Name: string;   Profession: string;    // Constructor of Person class   constructor(name: string, profession: string) {     this.Name = name;     this.Profession = profession;   } }  class Details extends Person {    // Properties of the class   Name: string;   Profession: string;    // Constructor of the Details class   constructor(name: string, profession: string) {      // Calling the base class constructor     super(name, profession);      // Setting the properties     this.Name = name;     this.Profession = profession;   }    details(): string {     return this.Name + " is " +       this.Profession;   } }  // Creating an object var data =   new Details("A", "Android Developer"); var data2 =   new Details("B", "Web Developer");  // Accessing the function details()  // and printing console.log(data.details()); console.log(data2.details());

Output:

A is Android Developer  B is Web Developer

Here, the Person class is our parent class and the Details class is our child class and also the Details class inherits the Person class. For Inheriting another class extends keyword is used. The Details class inherits the properties of the Person class.

Now in the derived class, we have used the super() which will call the constructor of the base class or parent class. After this, we have created an instance of the Details class and passed two parameters name and profession to its constructor and after this, we have called the details method which will print the value provided into the constructor parameter.

Example 2:

JavaScript

class Square {    // Properties of the Square class   side: number;    // Constructor of the Square class   constructor(side: number) {     this.side = side;   } }  class Area extends Square {    // Properties of the Area class   side: number;    // Constructor of the Area class   constructor(side: number) {      // Calling the base class constructor     super(side);      // Setting the properties     this.side = side;    }    // Returns the area of square   area(): string {     return "The area of Square is " + t       his.side * this.side;   } }  // Creating object of class Area var data = new Area(7);  // Getting the property and  // printing the value console.log(data.area());

Output:

The area of Square is 49

How to Extend an Interface from a class in TypeScript ?

pushpender007

Improve

Article Tags :

JavaScript
Web Technologies
TypeScript
JavaScript-Questions

Similar Reads

Calling a Super Class Constructor in Python

Classes are like creating a blueprint for an object. If we want to build a building then we must have the blueprint for that, like how many rooms will be there, its dimensions and many more, so here the actual building is an object and blueprint of the building is a class. A Class is a user-defined

How to Extend an Interface from a class in TypeScript ?

In this article, we will try to understand how we to extend an interface from a class in TypeScript with the help of certain coding examples. Let us first quickly understand how we can create a class as well as an interface in TypeScript using the following mentioned syntaxes: Syntax:Â This is the s

Calling A Super Class Constructor in Scala

Prerequisite - Scala ConstructorsIn Scala, Constructors are used to initialize an object's state and are executed at the time of object creation. There is a single primary constructor and all the other constructors must ultimately chain into it. When we define a subclass in Scala, we control the sup

How to call the constructor of a parent class in JavaScript ?

In this article, we learn how to call the constructor of a parent class. Before the beginning of this article, we should have a basic knowledge of javascript and some basic concepts of inheritance in javascript. Constructor: Constructors create instances of a class, which are commonly referred to as

How to call a parent method from child class in JavaScript?

Inheritance in programming allows a class to derive methods and properties from another class, similar to how a child inherits traits from its parents. A child class can have its properties in addition to inherited ones. The deriving class is called a derived, sub, or child class, while the class it

How to Create a Generic Type Alias for a Generic Function in TypeScript ?

In TypeScript, it is possible to create a generic type alias for a generic function. A generic type alias provides a descriptive name for a function with generic parameters, making it easier to understand the code. It also makes the code reusable and readable especially when you are dealing with com

How to Extend abstract class with Generics in Typescript ?

In Typescript, an abstract class is the base class that is inherited by other classes without having to define its members. Generic is the feature with which you can create a variable that represents a type in classes, functions, and type aliases that don't need to define the types that they use exp

How to implement class constants in TypeScript ?

In this article, we will try to understand how to create several class constants (properties with constant values) in TypeScript with the help of certain code examples for better concept understanding as well as clarification. Let us first understand quickly how we may create a class in TypeScript w

How to Create Nested Classes in TypeScript ?

In TypeScript, you can create nested classes using different methods. We will discuss about three different approaches to creating nested classes in TypeScript. These are the approaches: Table of Content By defining nested classes inside a classBy using the namespacesBy using the modulesBy defining

How to Implement a TypeScript Decorator ?

In TypeScript, decorators are a feature that allows you to attach metadata to classes, methods, properties, or parameters concisely and expressively. TypeScript decorators are applied using the @decorator syntax. In this article, we are going to learn how to implement a typescript decorator. How to

Corporate & Communications Address:

A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)

Registered Address:

K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305

Advertise with us

Company
About Us
Legal
Privacy Policy
In Media
Contact Us
Advertise with us
GFG Corporate Solution
Placement Training Program

Languages
Python
Java
C++
PHP
GoLang
SQL
R Language
Android Tutorial
Tutorials Archive

DSA
Data Structures
Algorithms
DSA for Beginners
Basic DSA Problems
DSA Roadmap
Top 100 DSA Interview Problems
DSA Roadmap by Sandeep Jain
All Cheat Sheets

Data Science & ML
Data Science With Python
Data Science For Beginner
Machine Learning
ML Maths
Data Visualisation
Pandas
NumPy
NLP
Deep Learning

Web Technologies
HTML
CSS
JavaScript
TypeScript
ReactJS
NextJS
Bootstrap
Web Design

Python Tutorial
Python Programming Examples
Python Projects
Python Tkinter
Python Web Scraping
OpenCV Tutorial
Python Interview Question
Django

Computer Science
Operating Systems
Computer Network
Database Management System
Software Engineering
Digital Logic Design
Engineering Maths
Software Development
Software Testing

DevOps
Git
Linux
AWS
Docker
Kubernetes
Azure
GCP
DevOps Roadmap

System Design
High Level Design
Low Level Design
UML Diagrams
Interview Guide
Design Patterns
OOAD
System Design Bootcamp
Interview Questions

Inteview Preparation
Competitive Programming
Top DS or Algo for CP
Company-Wise Recruitment Process
Company-Wise Preparation
Aptitude Preparation
Puzzles

School Subjects
Mathematics
Physics
Chemistry
Biology
Social Science
English Grammar
Commerce
World GK

GeeksforGeeks Videos
DSA
Python
Java
C++
Web Development
Data Science
CS Subjects

@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy

Improvement

Suggest Changes

Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.

geeksforgeeks-suggest-icon

Create Improvement

Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.

geeksforgeeks-improvement-icon

Suggest Changes

min 4 words, max Words Limit:1000

Thank You!

Your suggestions are valuable to us.

What kind of Experience do you want to share?

Interview Experiences

Admission Experiences

Career Journeys

Work Experiences

Campus Experiences

Competitive Exam Experiences