Why does javascript object show different values in console in Chrome, Firefox, Safari? [duplicate]

by

In Chrome (WebKit, so Safari also), console.log calls with object arguments log an object reference. Once the object tab is clicked and opened, the internals remain constant (presumably a cache of sorts) and are no longer related to the object initially referred to (so if at a later stage the object changes, this will not be reflected). However until that point the object remains “uncached”. So when you log an object multiple times then open each logged object, they all point to the same object in memory, whose value is the most current updated one.

It’s a well known “issue”, although the behaviour is a result of a design decision (see comments on the first link), and so isn’t considered a bug by the dev team.

Easy workarounds are any means to get a non-object value of the object, so any serialisation method (e.g. console.log(JSON.stringify(foo));).

https://bugs.webkit.org/show_bug.cgi?id=35801
http://code.google.com/p/chromium/issues/detail?id=44720
http://code.google.com/p/chromium/issues/detail?id=50316

More Related Contents:

  1. Sort out array of object using its value [duplicate]
  2. Set keyboard caret position in html textbox
  3. When is JavaScript synchronous?
  4. Adding options to a using jQuery?
  5. How do I include a JavaScript script file in Angular and call a function from that script?
  6. How can jQuery deferred be used?
  7. How to set a Javascript object values dynamically?
  8. Why does JavaScript map function return undefined?
  9. Pass variables to JavaScript in ExpressJS
  10. How to make `setInterval` behave more in sync, or how to use `setTimeout` instead?
  11. How to select a value in a select dropdown with JavaScript?
  12. How to get all checked checkboxes
  13. How can i return status inside the promise?
  14. How to get json key and value in javascript?
  15. List of all characters that should be escaped before put in to RegEx?
  16. How to get all the applied styles of an element by just giving its id?
  17. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  18. How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]
  19. How to allow CORS in react.js?
  20. deep merge objects with AngularJS
  21. In a regular expression, match one thing or another, or both
  22. Vue 3 reactivity not triggered from inside a class instance
  23. How to serialize & deserialize JavaScript objects?
  24. Creating a (ES6) promise without starting to resolve it
  25. backbone.js structuring nested views and models
  26. What is the difference between $scope.$root and $rootScope?
  27. Undestanding double bracket operation in Javascript
  28. HTML5 Video autoplay with sound unmuted
  29. How to check if hex color is “too black”?
  30. value of using React.forwardRef vs custom ref prop

Leave a Comment