Does console.log invokes toString method of an object?

by

Console API is not a standard API that is defined in any specification but is something that is implemented across all browsers, so vendors are usually at their liberty to implement in their own fashion as there’s no standard spec to define the output of any methods in API.

Unless you check the actual implementation of the Console API for a particular browser, you can never be sure. There’s a tracker on GitHub listing the differences between implementation from major browsers.

If you look at the implementation in FF (available here – search for log), it has a comment below

A multi line stringification of an object, designed for use by humans

The actual implementation checks for the type of argument that is passed to log() and based on it’s type, it generates a different representation.

Coming to your case, log() prints two different values for strings created using literal notation and strings created using String constructor because they are two different types. As explained here, Strings created using literal notation are called String Primitives and strings created using String constructor are called String Objects.

var str1 = 'test';
var str2 = new String('hello');

typeof str1 // prints "string"
typeof str2 // prints "object"

As the types differ, their string representation differs in the Console API. If you go through the code for FF’s Console implementation, the last statement is

return "  " + aThing.toString() + "\n";

So to answer your question, Console API in FF calls toString() on the argument only if the argument type is not one of {undefined,null,object,set,map} types. It doesn’t always call toString() or valueOf() methods. I didn’t check the implementation of Chrome, so I won’t comment on that.

More Related Contents:

  1. Count the recurrence of a word
  2. Convert JS object to JSON string
  3. Converting an object to a string
  4. What is the difference between string primitives and String objects in JavaScript?
  5. String to object in JS
  6. Get object property name as a string
  7. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  8. Node.js – console.log does not show items in array but instead shows [Object]
  9. How to check whether a string contains a substring in JavaScript?
  10. Most efficient method to groupby on an array of objects
  11. Add a property to a JavaScript object using a variable as the name?
  12. How to force JS to do math instead of putting two strings together [duplicate]
  13. Escaping HTML strings with jQuery
  14. endsWith in JavaScript
  15. Sorting a JavaScript object by property name
  16. How to convert an array of objects to object with key value pairs
  17. How to replace all occurrences of a string in JavaScript
  18. How to concatenate properties from multiple JavaScript objects
  19. Render Object properties in React
  20. How to access nested JSON data
  21. JS: Does Object.assign() create deep copy or shallow copy
  22. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  23. How to change HTML Object element data attribute value in javascript
  24. Remove empty strings from array while keeping record Without Loop?
  25. Using JavaScript what’s the quickest way to recursively remove properties and values from an object?
  26. console.log(myFunction()) returns undefined
  27. Create a string of variable length, filled with a repeated character
  28. String split returns an array with more elements than expected (empty elements)
  29. Javascript – deepEqual Comparison
  30. Setting one object equal to another object with the assignment operator in Javascript

Leave a Comment