JavaScript对象转原始值时，hint为何随toString/valueOf等方法变化？

首先明确核心前提：二元+运算符触发对象转原始值时，传入的hint为default，但最终转换结果的类型差异，完全由对象转原始值的实际返回结果决定，而非hint直接指定类型。

差异原因拆解 #

1. 自定义转换方法时的行为（测试代码1）

当对象定义了[Symbol.toPrimitive]、toString()或valueOf()时：

• 若存在[Symbol.toPrimitive]，优先调用该方法，传入default作为hint。如果方法没有返回原始值（比如示例中无return语句，默认返回undefined），JS会将这个结果视为无效原始值，最终转换为NaN（因为undefined转数字是NaN）。
• 若没有[Symbol.toPrimitive]，则按hint=default的规则：先尝试调用valueOf()，如果返回的不是原始值（比如示例中自定义valueOf()无返回值，返回undefined），再尝试toString()。如果toString()也返回非原始值或undefined，最终转换结果还是undefined，转数字后为NaN。
• NaN和数字1执行+运算，结果仍为NaN，类型是number。

测试代码1：

let obj = {
    [Symbol.toPrimitive](hint) {
        alert(`hint: ${hint}`); // 显示hint: default
    },
    toString() {},
    valueOf() {},
};
alert(obj + 1); // 显示NaN
alert(typeof(obj + 1)); // 显示number

2. 无自定义转换方法时的行为（测试代码2）

空对象继承自Object.prototype的默认方法：

• 默认valueOf()返回对象本身（不是原始值），所以JS继续调用默认toString()，返回字符串[object Object]（原始值）。
• 字符串和数字1执行+运算时，JS会触发字符串拼接规则，将1转为字符串后拼接，结果为[object Object]1，类型是string。

测试代码2：

let obj = {};
alert(obj + 1);            // [object Object]1
alert(typeof(obj + 1));    // 显示string

总结 #

二元+的default hint只是告诉对象“优先尝试适合默认场景的转换”，但最终转换结果的类型，取决于对象转原始值过程中实际返回的原始值类型：

• 如果转原始值得到的是数字（或无法转有效数字得到NaN），则执行数字加法；
• 如果转原始值得到的是字符串，则执行字符串拼接。

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