JS隐式转换：+[]转换为0，+{}转换为NaN

在 JavaScript 中，某些操作会隐式地将对象转换为原始值。其中，+运算符 的隐式转换规则值得特别关注，因为它可能会导致一些令人意外的结果。让我们来看一个例子：

const num1 = +[];
const num2 = +{};
console.log(num1, num2); // 输出：0 NaN

在上面的示例中，我们使用 + 运算符将空数组和空对象转换为数字。结果是，num1 为 0，而 num2 为 NaN（Not a Number）。

为什么 +[] 转换为 0 而 +{} 转换为 NaN 呢？

答案在于 JavaScript 中对象的隐式转换机制。当对象转换为原始值时，会调用内置的 toPrimitive() 函数。toPrimitive() 函数的转换过程如下：

1. 如果对象本身已经是原始值，直接返回这个值。
2. 调用对象的 valueOf() 方法，如果结果是原始值，那么返回这个值。
3. 调用对象的 toString() 方法，如果结果是原始值，那么返回这个值。
4. 抛出一个 TypeError 错误。

在我们的示例中，空数组和空对象的 valueOf() 方法和 toString() 方法都返回原始值，因此我们可以跳过步骤 3 和步骤 4。

• 空数组的 valueOf() 方法返回 0，因此 +[] 等于 0。
• 空对象的 valueOf() 方法返回 [object Object]”，toString()方法返回{}，这两个值都不是原始值，因此 +{}等于NaN`。

注意： JavaScript 中还有其他操作会隐式地将对象转换为原始值，例如比较操作符 (==、===、<、<=、>、>=)、逻辑操作符 (&&、||) 等。在使用这些操作符时，需要特别注意对象的隐式转换规则，以避免出现意外的结果。

在实际开发中，我们应该尽量避免使用隐式转换。 隐式转换可能会导致代码难以理解和维护，并且可能会导致一些意想不到的问题。如果需要将对象转换为原始值，我们应该显式地使用 valueOf() 或 toString() 方法。

特别提示： 在面试中，考官可能会问你 +[] 和 +{} 的值分别是什么。如果你能正确回答这个问题，将证明你对 JavaScript 中的隐式转换机制有深刻的理解。