Create objects in JavaScript

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:

1. Define the object blueprint(class) by defining the constructor function. By convention, name of the constructor function should start with capital letter
2. 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

If you like my articles and find them useful, feel free to buy me a coffee. Thanks!

To get updates for my new stories, follow me on medium and twitter

Other articles:

1. Beginner’s guide to ReactJS
2. The Journey of JavaScript: from Downloading Scripts to Execution
3. Why Progressive Web Apps are great and how to build one
4. Let’s get this ‘this’ once and for all
5. Service Workers
6. Service Workers implementation
7. Execution Context in JavaScript
8. Virtual DOM in ReactJS
9. Prototypes in JavaScript
10. ‘this’ in JavaScript
11. Object.create in JavaScript
12. Inheritance in JavaScript
13. Create objects in JavaScript
14. Objects in JavaScript
15. Zip in Python
16. decorators in Python
17. Concatenating two lists in Python
18. lambda, map and filter in Python
19. List comprehensions in Python

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!