class function js 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();
Example 2: javascript new function as class
function Person(name){
const birth = new Date();
this.greet = () => `Hello my name is ${name}. I was born at ${birth.toISOString()}`;
}
const joe = new Person("Joe");
joe.greet();
Example 3: javascript create class
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
present = () => {
console.log(`Hi! i'm ${this.name} and i'm ${this.age} years old`)
}
}
let me = new Person("tsuy", 15);
me.present();
Example 4: javascript class
class Rectangle {
constructor(height, width) {
this.height = height;
this.width = width;
Rectangle.count++;
}
get area() {
return this.calcArea();
}
calcArea() {
return this.height * this.width;
}
static calcArea(width, height) {
return width * height;
}
}
Rectangle.count = 0;
const square = new Rectangle(10, 10);
console.log(square.height, square.width);
console.log(square.area);
console.log(square.calcArea());
console.log(Rectangle.count);
console.log(Rectangle.calcArea(15, 15));
Example 5: javascript classes
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 class example
class LoremIpsum {
constructor(a, b, c) {
this.propertyA = a;
this.propertyB = b || "a default value";
this.propertyC = c || "another default value";
}
someMethod (d) {
this.propertyA = this.propertyB;
this.propertyB = d;
}
}
var loremIpsum = new LoremIpsum ("dolor", null, "sed");
loremIpsum.someMethod("amit");
.