JSFiddle - React, Tailwind, and code Playground

by Kaushik Ruparel

HTML

Constructor pattern for creating Javascript Objects
Also includes an approach to create static variables
now is a private variable exposed only via getCreationTime function

JavaScript

//Factory pattern
var Car = function (make, model) {
    var now = Date.now();
    this.make = make;
    this.model = model;

    this.getCreationTime = function () {
        return now;
    };

    //Class scope / static variable
    if (Car.numberCreated) {
        Car.numberCreated += 1;
    } else {

        Car.numberCreated = 1;
    }
    console.log("Car.numberCreated = " + Car.numberCreated);
    

};

Car.prototype = {
    driveFast: function () {
        this.speed = 100;
    }
};

var toyota = new Car("Toyota", "FJ40");
toyota.driveFast();
console.log(toyota);
var honda = new Car("Honda", "Civic");
console.log(honda);
var acura = new Car("Acura", "MDX");
acura.driveFast();
console.log(acura);