JSFiddle - React, Tailwind, and code Playground

JavaScript

// First way of creating objects: Creating an object using the new Object() constructor
var personOne = new Object();
personOne.age = 25;
personOne.name = "John";
personOne.gender = "male";

console.log(personOne);

// Second way of creating objects: Creating a function to generate new Objects
// Makes it more reusable
var person = function (age, name, gender) {
    this.age = age;
    this.name = name;
    this.gender = gender;
};

var personTwo = new person(25, "Nick", "male");
console.log(personTwo);
//You can easily create more new person objects
var personThree = new person(55, "Julie", "female");
console.log(personThree);
var personFour = new person(31, "Mike", "male");
console.log(personFour);

// In the second way of creating objects, are age, name and gender
// Prototypes of personTwo, personThree and personFour
// since they are inhereted? Still trying to understand prototypes better.