Weird behavior with objects & console.log [duplicate]

by

Examining objects via console.log happens in an asynchronous manner. The console receives a reference to the object synchronously, but does not display the properties of the object until it is expanded (in some cases, depending on the browser and whether you have dev tools open when the log happens). If the object has been modified before examining it in the console, the data shown will have the updated values.

For example, Chrome will show a little i in a box which, when hovered, says:

Object value at left was snapshotted when logged, value below was evaluated just now.

to let you know what you’re looking at.

One trick for logging in these cases is to log the individual values:

console.log(obj.foo, obj.bar, obj.baz);

Or JSON encode the object reference:

console.log(JSON.stringify(obj));

More Related Contents:

  1. Javascript / Chrome – How to copy an object from the webkit inspector as code
  2. Count the recurrence of a word
  3. Chrome extension that enables chatting with users on same page [closed]
  4. Dynamically access object property using variable
  5. Is Chrome’s JavaScript console lazy about evaluating objects?
  6. How can I access a JavaScript object which has spaces in the object’s key?
  7. Chrome refuses to execute an AJAX script due to wrong MIME type
  8. Chrome Extension: Port error: Could not establish connection. Receiving end does not exist.
  9. Firing a keyboard event on Chrome
  10. Javascript Debugging line by line using Google Chrome
  11. Chrome JavaScript developer console: Is it possible to call console.log() without a newline?
  12. Encoding Javascript Object to Json string
  13. Filtering array of objects by searching nested object properties
  14. Chrome javascript debugger breakpoints don’t do anything?
  15. Is it possible for XHR HEAD requests to not follow redirects (301 302)
  16. How to get the currently opened tab’s URL in my page action popup?
  17. Using ‘let’ as a variable name is not throwing any errors in google v8
  18. How to find JS Memory Leaks?
  19. Is it possible to remove “Inspect Element”?
  20. getting the last item in a javascript object
  21. Sort Keys in Javascript Object
  22. How to remove undefined and null values from an object using lodash?
  23. Jenkins error – Blocked script execution in . because the document’s frame is sandboxed and the ‘allow-scripts’ permission is not set
  24. What’s the JavaScript’s Object.prototype behavior?
  25. Making a window pop under in chrome
  26. Stop Chrome Caching My JS Files
  27. Object referencing its own property on initialization [duplicate]
  28. Converting Array of Objects into Array of Arrays
  29. chrome Pop-up blocker when to re-check after allowing page
  30. blocked a frame of origin “null” from accessing a cross-origin frame – chrome

Leave a Comment