javascript - toPrimitive 对于模板文字和字符串文字给出不同的结果

Question

我想知道为什么在这种情况下模板字符串会产生[object Object]:

class Omg {}

const omg = new Omg()

Omg.prototype.valueOf = () => 6;

+omg
// 6
omg + ''
// "6"
'' + omg
// "6"
`${omg}`
// "[object Object]"

Answer 1

模板字符串显然使用 Object.toString() 来“翻译”其中的占位符 (${...})。模板字符串是奇妙的小野兽；)如果您希望在模板字符串中需要 valueOf，标签函数 可能是一个好主意(请参阅代码片段和 MDN )

class Omg {}

const omg = new Omg()

Omg.prototype.valueOf = () => 6;
console.log(+omg)
console.log(omg + '');
console.log('' + omg);
console.log(`${omg}`);
// note: 7 to demo the tag function
Omg.prototype.toString = () => 7; 
console.log(`${omg}`);

// you can use a tag function to force use of valueOf
function useValueOfWherePossible(strings, ...placeHolders) {
  let result = strings.raw[0];
  for (const [i, phldr] of placeHolders.entries()) {
    result += (phldr.valueOf() || phldr) + strings.raw[i + 1];
  }
  return result;
}

console.log(useValueOfWherePossible `${omg}`);