JavaScript中对象转为字符串的时机及Symbol.toPrimitive以'string'为hint调用的场景

1. When does JavaScript decide to convert an object to a string? #

JavaScript triggers string conversion for an object whenever it needs a string value to complete an operation. Here are the most common scenarios:

• When you explicitly call the String() constructor on the object
• When using template string interpolation (like ${obj})
• When concatenating an object with a string (e.g., obj + "world" — though this uses the "default" hint for Symbol.toPrimitive, not "string")
• When passing the object to functions that expect string input, like alert() or document.write()
• When logging objects with console.log() (environment-dependent, but falls back to toString() if no custom logic exists)

2. Scenarios where Symbol.toPrimitive is called with hint='string' #

Beyond the template string example you provided (${obj2}), here are the key cases where the engine passes 'string' as the hint to Symbol.toPrimitive:

• Explicit String() conversion: Calling String(obj2) directly signals you want a string representation, so it uses the 'string' hint.

  console.log(String(obj2)); // Logs 'hello' — triggers hint='string'
  

• String-focused browser APIs: Functions like alert(), confirm(), or prompt() require string input to display to users, so they trigger a string-priority conversion.

  alert(obj2); // Shows 'hello' — uses hint='string'
  

• DOM writing methods: document.write() and document.writeln() insert content into the DOM as strings, so they’ll call Symbol.toPrimitive with 'string'.

  document.write(obj2); // Writes 'hello' to the document
  

• String.prototype.concat() calls: If you use concat() on a string and pass the object, it converts the object to a string first with the 'string' hint.

  'Hi, '.concat(obj2); // Returns 'Hi, hello'
  

Note that operations like the + operator (e.g., obj2 + '') or loose equality checks (obj2 == 'hello') use the 'default' hint instead of 'string', since these operations can handle both string and numeric values.

内容的提问来源于stack exchange，提问作者lzaek