what is a class 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(); // result: Mike Will is 15 years old!
Example 2: javascript create class
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
present = () => { //or present(){
console.log(`Hi! i'm ${this.name} and i'm ${this.age} years old`)
}
}
let me = new Person("tsuy", 15);
me.present();
// -> Hi! i'm tsuy and i'm 15 years old.
Example 3: javascript class
// Improved formatting of Spotted Tailed Quoll's answer
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 4: 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 5: 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.
Example 6: 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