Create objects in JavaScript

May 3rd 2017 37,084 reads

@happymishra66
Rupesh Mishra

Different ways of creating objects in JS. Read on Github

Using Object literal

human object created in the previous article is an example of creating JavaScript object using object literal.

Using new Object() syntax

Creating objects using new Object() and object literal does the same thing. For simplicity, readability and execution speed, use object literal.

We can add new properties and methods to the above objects using the dot and/or square notation.

Object Constructor

Constructor function in JavaScript is used for creating new objects using a blueprint. Just like classes are used for creating objects in Java, C# we can use constructors to create objects in JavaScript.

Objects can be created using the constructor function syntax using the following two steps:

Define the object blueprint(class) by defining the constructor function. By convention, name of the constructor function should start with capital letter
Create the object by instantiating the constructor function using new operator

Example:

This is just the blueprint. To create the object we will use the new operator.

var viratKohli = new Human("Virat", "Kohli");

var sachinTendulkar = new Human("Sachin", "Tendulkar");

Another method to create object using Object.create is explained here

Other articles:

An Extensive Guide To Progressive Web Applications

Hacker Noon is how hackers start their afternoons. We’re a part of the @AMIfamily. We are now accepting submissions and happy to discuss advertising & sponsorship opportunities.

To learn more, read our about page, like/message us on Facebook, or simply, tweet/DM @HackerNoon.

If you enjoyed this story, we recommend reading our latest tech stories and trending tech stories. Until next time, don’t take the realities of the world for granted!

Add SMS, calling to apps in your favorite language

L O A D I N G
. . . comments & more!

Create objects in JavaScript

@happymishra66Rupesh Mishra

An Extensive Guide To Progressive Web Applications

@happymishra66
Rupesh Mishra