Object-oriented programming is a type of software design where the codebase is organized around objects and classes. Objects contain the functions and central logic of a program.
Object-oriented programming stands on top of four principles: abstraction, polymorphism, encapsulation, and inheritance. We will dive into inheritance now and work with the other three principles in Unit Two of this class.
Inheritance refers to the ability of one class to acquire properties and methods from another.
Think of it this way, in the animal kingdom, a species is a unique entity that inherits traits from its genus. The genus also has unique properties, but inherits traits from its family. For example, a tiger and a housecat are members of two different species, however, they share similar traits such as retractable claws. The two cats inherited their similar traits from their shared family, felidae.
Using inheritance in programming, we can create a structure of classes that inherit properties and methods from other classes.
If we wanted to program classes for our tiger and housecat, we would create a felidae class for the family. We would then create two classes for the panthera genus and the felis genus. We would create classes for the tiger and house cat species as well. The species classes would inherit properties and methods from the genus classes and the genus classes would inherit properties and methods from the family class.
The classes inheriting properties and methods are child classes, and the classes passing down properties and methods are parent classes.
extends
¶When designating a class as the child class of another in JavaScript, we use the extends
keyword.
We also must use the super()
constructor to get the properties and methods needed from the parent class.
1class ChildClass extends ParentClass {
2 constructor () {
3 super();
4 // properties
5 }
6}
In the case of a tiger, tigers have stripes, but they also have loud roars. Their ability to roar loudly is a trait they share with other members of the panthera genus. Tigers also got their retractable claws from the felidae family.
Example
1class Felidae {
2 constructor() {
3 this.claws = "retractable";
4 }
5}
6
7class Panthera extends Felidae {
8 constructor() {
9 super();
10 this.roar = "loud";
11 }
12}
13
14class Tiger extends Panthera {
15 constructor() {
16 super();
17 this.hasStripes = "true";
18 }
19}
20
21let tigger = new Tiger();
22
23console.log(tigger);
When creating the classes for our tiger, we can use the extends
keyword to set up Tiger
as the child class of Panthera
.
The Tiger
class then inherits the property, roar
, from the Panthera
class and has an additional property, hasStripes
.
Note
The extends
keyword is not supported in Internet Explorer.
Question
If you had to create classes for a wolf, the canis genus, and the carnivora order, which statement is TRUE about the order of inheritance?
Wolf
and Canis
are parent classes to Carnivora
.Wolf
is a child class of Canis
and a parent class to Carnivora
.Wolf
is child class of Canis
, and Canis
is a child class of Carnivora
.Wolf
is child class of Canis
, and Canis
is a parent class of Carnivora
.