Why use Object.prototype.hasOwnProperty.call(myObj, prop) instead of myObj.hasOwnProperty(prop)?

by

Is there any practical difference [between my examples]?

The user may have a JavaScript object created with Object.create(null), which will have a null [[Prototype]] chain, and therefore won’t have hasOwnProperty() available on it. Using your second form would fail to work for this reason.

It’s also a safer reference to Object.prototype.hasOwnProperty() (and also shorter).

You can imagine someone may have done…

var someObject = {
    hasOwnProperty: function(lol) {
        return true;
    }
};

Which would make a hasProp(someObject) fail had it been implemented like your second example (it would find that method directly on the object and invoke that, instead of being delegated to Object.prototype.hasOwnProperty).

But it’s less likely someone will have overridden the Object.prototype.hasOwnProperty reference.

And since we are at it, why do we define this function at all?

See above.

Is it
just a question of shortcuts and local caching of property access for
(slight) performance gains…

It may make it quicker in theory, as the [[Prototype]] chain doesn’t have to be followed, but I suspect this to be negligible and not the reason the implementation is why it is.

… or am I missing any cases where
hasOwnProperty might be used on objects which don’t have this method?

hasOwnProperty() exists on Object.prototype, but can be overridden. Every native JavaScript object (but host objects are not guaranteed to follow this, see RobG’s in-depth explanation) has Object.prototype as its last object on the chain before null (except of course for the object returned by Object.create(null)).

More Related Contents:

  1. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  2. Why is extending native objects a bad practice?
  3. Crockford’s Prototypal inheritance – Issues with nested objects
  4. Prevent RequireJS from Caching Required Scripts
  5. Relation between CommonJS, AMD and RequireJS?
  6. Properties of Javascript function objects
  7. Does it make sense to use Require.js with Angular.js? [closed]
  8. How to handle circular dependencies with RequireJS/AMD?
  9. How to load bootstrapped models in Backbone.js while using AMD (require.js)
  10. Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)
  11. How can I mock dependencies for unit testing in RequireJS?
  12. Good Example of JavaScript’s Prototype-Based Inheritance
  13. Requirejs why and when to use shim config
  14. RequireJS: How to define modules that contain a single “class”?
  15. Difference between RequireJS and CommonJS
  16. What is ‘define’ used for in JavaScript (aside from the obvious)?
  17. Using RequireJS, how do I pass in global objects or singletons around?
  18. How to access object prototype in javascript?
  19. How to disable the warning ‘define’ is not defined using JSHint and RequireJS
  20. object has no hasOwnProperty method (i.e. it’s undefined) – IE8
  21. Performing inheritance in JavaScript
  22. Object.defineProperty in ES5?
  23. Node.js / Express.js – How to override/intercept res.render function?
  24. Check if a constructor inherits another in ES6
  25. Extending core types without modifying prototype
  26. using requirejs to load npm packages
  27. Is it possible to stop requireJS from adding the .js file extension automatically?
  28. prototypal inheritance concept in javascript as a prototype based language
  29. How to import a js library without definition file in typescript file
  30. Node JS fs module inside browser

Leave a Comment