DEV Community

Cover image for Objects in JavaScript
Neeraj Kumar
Neeraj Kumar

Posted on

Objects in JavaScript

There are many ways to create objects in javascript as below

1.Object constructor:
The simplest way to create an empty object is using the Object constructor. Currently this approach is not recommended.

var object = new Object();
2.Object's create method:
The create method of Object creates a new object by passing the prototype object as a parameter
var object = Object.create(null);
3.Object literal syntax:
The object literal syntax (or object initializer), is a comma-separated set of name-value pairs wrapped in curly braces.

var object = {
     name: "Neeraj Kumar",
     age: 25
};

Object literal property values can be of any data type, including array, function, and nested object.
Enter fullscreen mode Exit fullscreen mode

Note: This is an easiest way to create an object
4.Function constructor
Create any function and apply the new operator to create object instances.

function Person(name) {
  this.name = name;
  this.age = 21;
}
var object = new Person("Neeraj Kumar");
Enter fullscreen mode Exit fullscreen mode

5.Function constructor with prototype
This is similar to function constructor but it uses prototype for their properties and methods

function Person() {}
Person.prototype.name = "Neeraj Kumar";
var object = new Person();
Enter fullscreen mode Exit fullscreen mode

This is equivalent to an instance created with an object create method with a function prototype and then call that function with an instance and parameters as arguments.

function func() {};

new func(x, y, z);
Enter fullscreen mode Exit fullscreen mode

(OR)

// Create a new instance using function prototype.
var newInstance = Object.create(func.prototype)

// Call the function
var result = func.call(newInstance, x, y, z),

// If the result is a non-null object then use it otherwise just use the new instance.
console.log(result && typeof result === 'object' ? result : newInstance);
Enter fullscreen mode Exit fullscreen mode

6.ES6 Class syntax:
ES6 introduces class feature to create the objects

class Person {
  constructor(name) {
    this.name = name;
  }
}

var object = new Person("Neeraj Kumar");
Enter fullscreen mode Exit fullscreen mode

7.Singleton pattern
A Singleton is an object which can only be instantiated one time. Repeated calls to its constructor return the same instance and this way one can ensure that they don't accidentally create multiple instances.

var object = new (function () {
  this.name = "Neeraj Kumar";
})();
Enter fullscreen mode Exit fullscreen mode

Top comments (0)