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!javascript classes
//use classes by initiating one like so:
class MyClass {
constructor(FirstProperty, SecondProperty, etcetera) {
//The constructor function is called with the new class
//instance's parameters, so this will be called like so:
//var classExample = new MyClass("FirstProperty's Value", ...)
this.firstProperty = FirstProperty;
this.secondProperty = SecondProperty;
}
//creat methods just like functions:
method(Parameters) {
//Code Here
}
//getters are properties that are calculated when called, versus fixed
//variables, but still have no parenthesis when used
get getBothValues()
{
return [firstProperty, secondProperty];
}
}
//Note: this is all syntax sugar reducing the boilerplate versus a
// function-defined object.javascript classes
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); // 100javascript classes
class SayHelloTo {
name (to) {
console.log(`Hello ${to}`);
}
constructor (to) {
this.name(to);
}
}
const helloWorld = new SayHelloTo(World);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);
}
}javascript classes
let Person = class {
constructor(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
