Is Chrome’s JavaScript console lazy about evaluating objects?

by

Thanks for the comment, tec. I was able to find an existing unconfirmed Webkit bug that explains this issue: https://bugs.webkit.org/show_bug.cgi?id=35801 (EDIT: now fixed!)

There appears to be some debate regarding just how much of a bug it is and whether it’s fixable. It does seem like bad behavior to me. It was especially troubling to me because, in Chrome at least, it occurs when the code resides in scripts that are executed immediately (before the page is loaded), even when the console is open, whenever the page is refreshed. Calling console.log when the console is not yet active only results in a reference to the object being queued, not the output the console will contain. Therefore, the array (or any object), will not be evaluated until the console is ready. It really is a case of lazy evaluation.

However, there is a simple way to avoid this in your code:

var s = ["hi"];
console.log(s.toString());
s[0] = "bye";
console.log(s.toString());

By calling toString, you create a representation in memory that will not be altered by following statements, which the console will read when it is ready. The console output is slightly different from passing the object directly, but it seems acceptable:

hi
bye

More Related Contents:

  1. Google Chrome console.log() inconsistency with objects and arrays
  2. Restoring console.log()
  3. Chrome re-ordering object keys if numerics, is that normal/expected
  4. How do I check if an array includes a value in JavaScript?
  5. Updating address bar with new URL without hash or reloading the page [duplicate]
  6. What is console.log?
  7. Check whether user has a Chrome extension installed
  8. How can I set default homepage in FF and Chrome via javascript?
  9. Can you determine if Chrome is in incognito mode via a script?
  10. selectionStart/selectionEnd on input type=”number” no longer allowed in Chrome
  11. $ Variable (Dollar Sign) in Chrome?
  12. ES6 modules in local files – The server responded with a non-JavaScript MIME type
  13. Google Chrome “window.open” workaround?
  14. How to handle “Unchecked runtime.lastError: The message port closed before a response was received”?
  15. Connecting to DB from a Chrome Extension?
  16. Mongoose/MongoDB result fields appear undefined in Javascript
  17. Event onBrowserClose for Google Chrome Extension?
  18. Chrome sets cursor to text while dragging, why?
  19. Add to browser favorites/bookmarks from JavaScript but for all browsers (mine doesn’t work in Chrome)?
  20. Defer Attribute (Chrome)
  21. Proper way to reset a GIF animation with display:none on Chrome
  22. Elegant way to copy only a part of an object [duplicate]
  23. Does chrome supports document.selection?
  24. Popstate on page’s load in Chrome
  25. Re-enabling window.alert in Chrome
  26. iframe not reading cookies in Chrome
  27. Keycode is always zero in Chrome for Android
  28. Disable chrome react DevTools for production
  29. Record voice from IPhone using HTML5
  30. Array of object deep comparison with lodash

Leave a Comment