Using “Object.create” instead of “new”

by

With only one level of inheritance, your example may not let you see the real benefits of Object.create.

This methods allows you to easily implement differential inheritance, where objects can directly inherit from other objects.

On your userB example, I don’t think that your init method should be public or even exist, if you call again this method on an existing object instance, the id and name properties will change.

Object.create lets you initialize object properties using its second argument, e.g.:

var userB = {
  sayHello: function() {
    console.log('Hello '+ this.name);
  }
};

var bob = Object.create(userB, {
  'id' : {
    value: MY_GLOBAL.nextId(),
    enumerable:true // writable:false, configurable(deletable):false by default
  },
  'name': {
    value: 'Bob',
    enumerable: true
  }
});

As you can see, the properties can be initialized on the second argument of Object.create, with an object literal using a syntax similar to the used by the Object.defineProperties and Object.defineProperty methods.

It lets you set the property attributes (enumerable, writable, or configurable), which can be really useful.

More Related Contents:

  1. What values can a constructor return to avoid returning this?
  2. JavaScript: using constructor without operator ‘new’
  3. What is the ‘new’ keyword in JavaScript?
  4. What is the reason to use the ‘new’ keyword at Derived.prototype = new Base
  5. Is it bad practice to have a constructor function return a Promise?
  6. Can we omit parentheses when creating an object using the “new” operator?
  7. Use of .apply() with ‘new’ operator. Is this possible?
  8. JavaScript inheritance and the constructor property
  9. Understanding the difference between Object.create() and new SomeFunction()
  10. How does the new operator work in JavaScript?
  11. ES6: call class constructor without new keyword
  12. Understanding prototypal inheritance in JavaScript
  13. How to detect if a function is called as constructor?
  14. JavaScript inheritance: Object.create vs new
  15. Add onclick event to newly added element in JavaScript
  16. What is the `constructor` property really used for? [duplicate]
  17. Setting methods through prototype object or in constructor, difference? [duplicate]
  18. Can I use arrow function in constructor of a react component?
  19. Javascript “Not a Constructor” Exception while creating objects
  20. Why should you not use Number as a constructor? [duplicate]
  21. Can I construct a JavaScript object without using the new keyword?
  22. What does calling super() in a React constructor do?
  23. When is it appropriate to use a constructor in REACT?
  24. Understanding Crockford’s Object.create shim
  25. does javascript’s this object refer to newly created object in the way i think
  26. JavaScript difference between function and new function
  27. Asynchronous constructor
  28. JSLint Error: Unexpected ‘this’
  29. OO Javascript constructor pattern: neo-classical vs prototypal
  30. Advantages of setting the “constructor” Property in the “prototype”

Leave a Comment