Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

javascript class inheritance

// Class Inheritance in JavaScript
class Mammal {
	constructor(name) {
		this.name = name;
	}
	eats() {
		return `${this.name} eats Food`;
	}
}

class Dog extends Mammal {
	constructor(name, owner) {
		super(name);
		this.owner = owner;
	}
	eats() {
		return `${this.name} eats Chicken`;
	}
}

let myDog = new Dog("Spot", "John");
console.log(myDog.eats()); // Spot eats chicken
Comment

inheritance in class in js

//class in es6 are just functional constructor.
//Parent class is Person and Developer class inheritant from Person class using 
//extend and super method 
class Person{
  constructor(firstname,lastname){
    this.firstname= firstname;
    this.lastname=lastname;
    
  }
  aboutPerson(){
  console.log(`My name is ${this.firstname} ${this.lastname} `)
  }
}

class Developer extends Person{
constructor(firstname,lastname,experience,projects){
 /* //super keyword is used to call the constructor
 of its parent class to access the parent's properties and methods*/
	super(firstname,lastname);
  	this.experience=experience;
  	this.projects=projects;
  
  	aboutDev(){
      console.log(`My name is ${this.firstname} and  I have ${this.experience}
	in software development`)
}
  
  const ShirshakDev= new Developer('Shirshak','Kandel',3,13)
  console.log(ShirshakDev.aboutDev())
Comment

javascript Class Inheritance

// parent class
class Person { 
    constructor(name) {
        this.name = name;
    }

    greet() {
        console.log(`Hello ${this.name}`);
    }
}

// inheriting parent class
class Student extends Person {

}

let student1 = new Student('Jack');
student1.greet();
Comment

PREVIOUS NEXT
Code Example
Javascript :: javascript detect page 
Javascript :: how to create a form without a submit button javascript 
Javascript :: how remove last letter js 
Javascript :: ckeditor check if empty 
Javascript :: jquery validation manually trigger 
Javascript :: image animation jquery 
Javascript :: chrome extension get current tab from popup 
Javascript :: json typicode 
Javascript :: mysql json search array of objects 
Javascript :: rxjs map 
Javascript :: javascript array to object with keys 
Javascript :: count word and space in text javascript 
Javascript :: chosen-select disable 
Javascript :: how to use Space for vertically in antd 
Javascript :: javascript bubble sort 
Javascript :: loop over json javascript 
Javascript :: Reached heap limit Allocation failed - JavaScript heap out of memory nodejs 
Javascript :: create an attribute for html with javascript 
Javascript :: laravel return validation errors ajax 
Javascript :: generate random id 
Javascript :: axios cancel previous request 
Javascript :: google maps places autocomplete api 
Javascript :: how to list node process 
Javascript :: iterate over map in javascript 
Javascript :: javascript loop an array 
Javascript :: regex expression for password validation form validation 
Javascript :: @angular/common@11.2.1 node_modules/@angular/common @angular/common@"11.2.1" from the root project 
Javascript :: lodash empty string 
Javascript :: Animated: `useNativeDriver` was not specified. This is a required option and must be explicitly set to `true` or `false` 
Javascript :: element en html and js 
ADD CONTENT
Topic
Content
Source link
Name
8+9 =