javscript class code example

Example 1: javascript class

class ClassMates{
	constructor(name,age){
    	this.name=name;
      	this.age=age;
    }
  	displayInfo(){
    	return this.name + "is " + this.age + " years old!";
    }
}

let classmate = new ClassMates("Mike Will",15);
classmate.displayInfo();  // result: Mike Will is 15 years old!

Example 2: es6 class example

<script>
   class Student {
      constructor(rno,fname,lname){
         this.rno = rno
         this.fname = fname
         this.lname = lname
         console.log('inside constructor')
      }
      set rollno(newRollno){
         console.log("inside setter")
         this.rno = newRollno
      }
   }
   let s1 = new Student(101,'Sachin','Tendulkar')
   console.log(s1)
   //setter is called
   s1.rollno = 201
   console.log(s1)
</script>

Example 3: how to create a class javascript

class Person {
	constructor(name, age) {
		this.name = name;
		this.age = age;
	}
	displayInfo() {
		return this.name + ' is' + this.age + " years old";
	}
}

const Anthony = new Person('Anthony', 32);

Example 4: javascript class

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  // Getter
  get area() {
    return this.calcArea();
  }
  // Method
  calcArea() {
    return this.height * this.width;
  }
}

const square = new Rectangle(10, 10);

console.log(square.area); // 100

Example 5: javascript classes

//private but is a good example
class includes {
    constructor(){}
  
    inculde_apps(file) { 
      var script  = document.createElement('script'); 
      script.src  = "ext/apps/"+file; 
      script.type = 'text/javascript'; 
      document.getElementsByTagName('body').item(0).appendChild(script);
    } 
    
    inculde_scripts(file) { 
      var script  = document.createElement('script'); 
      script.src  = "ext/scripts/"+file; 
      script.type = 'text/javascript'; 
      document.getElementsByTagName('body').item(0).appendChild(script);
    } 
    
    inculde_css(file) { 
        var script  = document.createElement('link'); 
        script.rel  = "stylesheet"; 
        script.type = 'text/css'; 
        script.href = "css/"+file;
        document.getElementsByTagName('head').item(0).appendChild(script);
    }
  }

Example 6: javascript classes

let Person = class {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
}