An Extensive Guide To Progressive Web Applications
Object.create method is another method to create new object in JavaScript.
Other methods of creating object in JavaScript has been described in the previous article. Also, go through the prototype and inheritance article for better understanding.
Basic syntax:
Object.create(prototype_object, propertiesObject)
Object.create methods accepts two arguments.
- prototypeObject: Newly created objects prototype object. It has to be an object or null.
- propertiesObject: Properties of the new object. This argument is optional
Create object with Object.create with no prototype
Consider the below example to create a new object in JavaScript
Here, we have created a new object person using Object.create method. As we have passed null for the prototypeObject. person object does not have any prototype object.
Further, we have added name as new property to the person object.
Create object with prototype:
Console output:
In the above example, we have created a prototypeObject with fullName function. We created a person object with prototypeObject as prototype object of the person’s object using Object.create(). Further we added firstName and lastName properties to the person object. Here, we have added firstName and lastName properties after the object creation. It would have been great if we could add these properties while creating the object. To do that, we will use the 2nd argument of Object.create method.
Object.create 2nd argument — propertiesObject
propertiesObject is used to create properties on new object. It acts as a descriptor for the new properties to be defined. Descriptors can be data descriptor or access descriptors.
Data descriptors are
- configurable
- enumerable
- value
- writable
Access descriptors are
- get
- set
In detail, descriptors can be read here
Example:
In the above example we have created a new object person with prototype object as prototypeObject and properties as firstName and lastName.
Properties firstName and lastName have been added using the 2nd parameter of the Object.create().
Inheritance using Object.create()
Read Inheritance in JavaScript before reading the below part.
Here we have copied the prototype of the SuperType to the SubType.prototype using Object.create method. Rest everything is same as the inheritance in JavaScript.
Other articles: