how to use classes in javascript 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 class
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
introduction() {
return `My name is ${name} and I am ${age} years old!`;
}
}
let john = new Person("John Smith", 18);
console.log(john.introduction());
Example 3: javascript classes
class MyClass {
constructor(FirstProperty, SecondProperty, etcetera) {
this.firstProperty = FirstProperty;
this.secondProperty = SecondProperty;
}
method(Parameters) {
}
get getBothValues()
{
return [firstProperty, secondProperty];
}
}
Example 4: javascript class
class Rectangle {
constructor(height, width) {
this.height = height;
this.width = width;
}
get area() {
return this.calcArea();
}
calcArea() {
return this.height * this.width;
}
}
const square = new Rectangle(10, 10);
console.log(square.area);
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 create class
class Car {
constructor(brand) {
this.carname = brand;
}
}