javascript - 如果我在两个对象之间使用加法运算符会发生什么

Question

我是 javascript 初学者，我想知道如果使用加法运算符添加两个对象会发生什么。

var obj = { name: "mango" }
var obj2 = { name: "mango" }
var obj3 = obj + obj2
console.log(obj3)

Answer 1

addition operator通过一系列步骤来根据其操作数确定要做什么。

首先，它会尝试将其操作数转换为原语，然后处理结果。当一个对象被转换为基本类型时，它最终将是一个字符串、数字、 bool 值等，具体取决于对象对 toString 的实现。和/或 valueOf .如果它以两个字符串结尾，则将它们连接起来。如果不是，它将原语转换为数字并以数学方式将它们相加。

一个简单的对象(例如您代码中的对象)最终会转换为字符串 "[object Object]"。所以你的结果是字符串连接到自身:"[object Object][object Object]":

var obj = {name:"mango"};
var obj2 = {name:"mango"};
var result=obj+obj2; // It's not an object, so I called it `result`
console.log(result);

一些对象转换为数字或其他原语，而不是因为它们实现了 toString 和/或 valueOf。正如我上面所说，如果对象转换为字符串或数字以外的原始类型，加法运算符会将原始类型转换为数字。例如:

const a = {
  value: true,
  valueOf() {
    return this.value;
  }
};
const b = {
  value: 41,
  valueOf() {
    return this.value;
  }
};
const result = a + b;
console.log(result); // 42

在该示例中，a 转换为原语 true( bool 值)，b 转换为数字 41。由于它们不是两个字符串，加法运算符将它们转换为数字(41 已经是一个数字，true 被转换为 1)并且将它们相加，得到 42。