html class in js code example
Example 1: js class
class Car {
constructor(brand, speed) {
this.brand = brand
this.speed = speed
}
speedUp() {
this.speed += 5
console.log(`The ${this.brand} is travelling at ${this.speed} mph`)
}
slowDown() {
this.speed -= 5
console.log(`The ${this.brand} is travelling at ${this.speed} mph`)
}
}
const redCar = new Car('toyota', 0)
redCar.speedUp() // result: The toyota is travelling at 5 mph
redCar.slowDown() // result: The toyota is travelling at 0 mph
Example 2: 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.