为何字符串拼接操作未调用Number.toString()方法？

这是个非常棒的细节问题，核心原因在于原始类型（Number、Boolean、String）和引用类型（自定义对象）在隐式类型转换时的处理逻辑完全不同。咱们一步步拆解：

1. 自定义对象的情况：按预期调用toString #

当你把一个自定义对象和字符串拼接时，JavaScript会触发ToPrimitive抽象操作（把值转为原始值）。对于普通对象，ToPrimitive的默认行为是先调用toString()方法，如果返回的不是原始值，再调用valueOf()。

你的代码示例正好符合这个逻辑：

var x = { toString: () => "one" };
var y = { toString: () => "two" };
var output = 'x is ' + x + ' while y is ' + y;
console.log(output); // 输出"x is one while y is two"

这里x和y都是引用类型，拼接时触发ToPrimitive，直接调用你自定义的toString()，所以得到预期结果。

2. Number/Boolean原始值的情况：不调用原型上的toString #

而当你操作Number或Boolean的原始值（比如let num = 123、let bool = true）时，情况完全不同：

• 首先，原始值本身不是对象，所以ToPrimitive操作直接返回它本身（不需要调用任何方法）；
• 接下来，JavaScript会用内部的ToString抽象操作把这个原始值转为字符串，这个过程是引擎内置的逻辑，不会去调用Number.prototype.toString或Boolean.prototype.toString。

举个例子，哪怕你重写了原型上的方法：

Number.prototype.toString = () => "我是自定义数字字符串";
let num = 123;
console.log('num is ' + num); // 输出"num is 123"，不是预期的自定义字符串

这是因为123是原始值，拼接时的字符串转换用的是引擎内部规则，不会触发原型上的toString()。

3. 什么时候重写的Number/Boolean原型toString会生效？ #

如果把原始值包装成对应的对象类型（比如new Number(123)），这时候它是引用类型，拼接时会触发ToPrimitive，进而调用原型上的toString()：

Number.prototype.toString = () => "我是自定义数字字符串";
let numObj = new Number(123);
console.log('num is ' + numObj); // 输出"num is 我是自定义数字字符串"

另外，当你显式调用toString()方法时，原始值会被临时包装成对象，这时候也会调用重写的原型方法：

Number.prototype.toString = () => "我是自定义数字字符串";
let num = 123;
console.log(num.toString()); // 输出"我是自定义数字字符串"

总结 #

• 引用类型（自定义对象）在字符串拼接时，会通过ToPrimitive调用自身的toString()；
• 原始类型（Number、Boolean）在字符串拼接时，直接用引擎内部的ToString逻辑转换，不会触发原型上的toString()；
• 只有当原始值被包装成对象，或者显式调用toString()时，重写的原型方法才会生效。

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