JavaScript中toString()隐式调用时机及==与===差异解析

一、toString()何时会被隐式调用？ #

在JavaScript中，toString()的隐式调用大多发生在*需要将对象转换为原始值（尤其是字符串类型）*的场景下，常见的情况有这些：

• 字符串拼接操作：比如执行"结果是：" + obj时，会隐式调用obj的toString()来把对象转成字符串再拼接。
• 松散相等比较（==）：当比较的两边类型不一致时，其中一方是对象的话，会触发对象转原始值的流程，这时候大概率会调用toString()（具体看valueOf的返回情况）。
• 模板字符串插值：使用${obj}时，会自动调用obj的toString()来获取字符串表示。
• 显式字符串转换的底层：比如调用String(obj)时，内部优先调用obj的toString()方法（如果返回原始值就用它，否则再走其他逻辑）。
• 控制台输出（部分场景）：比如直接console.log(obj)，如果对象没有自定义的toString，会显示默认的[object Object]，这就是默认toString的结果；如果有自定义的，就会显示你定义的内容。

二、解析a == 3 && a == 4为何成立，以及===的差异 #

先看你给出的代码：

let a = { 
  value: 2, 
  toString: function() { return ++this.value; } 
} 
if (a == 3 && a == 4) { 
  console.log('Condition is true'); 
}

这段代码能输出Condition is true，核心在于松散相等==的类型转换规则，以及我们自定义的toString()方法的副作用。

1. ==的底层逻辑：抽象相等比较 #

当用==比较一个对象和一个原始值（比如这里的数字3、4）时，JavaScript会执行ToPrimitive操作，把对象转换成原始值。这个操作的默认规则是：

1. 先调用对象的valueOf()方法。默认的valueOf()会返回对象本身（不是原始值），所以这一步不生效。
2. 既然valueOf没返回原始值，就会调用对象的toString()方法，用它的返回值来参与比较。

回到代码里：

• 第一次判断a == 3：触发ToPrimitive，调用我们自定义的toString()，this.value从2自增到3并返回，此时相当于3 == 3，条件成立。
• 第二次判断a == 4：再次触发ToPrimitive，又一次调用toString()，this.value从3自增到4并返回，相当于4 == 4，条件也成立。
• 两个条件都满足，所以&&整体为true，执行console.log。

2. 换成===为何不成立？ #

===是严格相等比较，它的规则简单直接：

• 第一步先比较两边的类型，如果类型不一样，直接返回false，根本不会进行类型转换。
• 这里a是对象类型，3和4是数字类型，类型完全不同，所以a === 3直接是false，整个&&条件不成立，自然也不会触发toString()的调用——因为连类型转换的步骤都没走到。

补充个小细节：如果对象定义了Symbol.toPrimitive方法，ToPrimitive会优先调用这个方法，而不是走valueOf→toString的流程，但这里我们没定义这个方法，所以走默认逻辑。

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