2 个对象（通过字符串的 new 关键字创建）不提供 [Object][Object] (JavaScript)

Question

这个问题是基于上一个问题：

Difference in these 2 Strings (JavaScript)

人们回答说通过两种不同的方式创建字符串是有区别的：

1. String Literal 创建字符串 (var a = "abc")
2. new 关键字创建字符串对象，我假设它是一种对象（var b = new String("def")）

现在，typeof 在第一种情况下将返回 字符串。在第二种情况下，它将返回 Object。我很好，开发它的人可能有某种 JS 引擎的工作方式。

但是，那么，在下面的例子中，为什么我在最后一行得到的答案是abcdef。现在，这也应该安慰[object][object]，如上一行。现在我真的很困惑，new String 要么是创建一个字符串，要么是对象还是什么？只是不一致！

谁能帮我解释一下？

var obj1 = new Object({name: "Peter"});
var obj2 = new Object({age: 29});
var str1 = new String("abc");
var str2 = new String("def");
console.log(obj1);
console.log(obj2);
console.log(str1);
console.log(str2);
console.log(obj1 + obj2);
console.log(str1 + str2); 

Answer 1

new String 创建一个String 对象，它继承自Object，但有自己的.toString 和.valueOf 方法，所以它会打印字符串内容。

var o = new Object();
var s = new String("foo");

console.log(o.toString === s.toString); // false
console.log(o.valueOf === s.valueOf);   // false

您可以用自己的方法覆盖它们以查看它们是否被调用。请务必也调用原件。

var s = new String("foo");

s.valueOf = function() {
    console.log("custom valueOf");
    return String.prototype.valueOf.call(this);
}
s.toString = function() {
    console.log("custom toString");
    return String.prototype.toString.call(this);
}

console.log(s + s);
[""].join(s);

Answer 2

但是，那么，在下面的例子中，为什么我在最后一行得到的答案是 abcdef。现在，这也应该安慰 [object][object]，如上一行。

不同之处在于String 对象有一个默认的valueOf 方法，该方法返回对象中包含的字符串值。

Object 对象有一个更通用的valueOf 方法，它只返回一个[object Object] 字符串

见-

const one =
  { valueOf: _ => 1 }
  
const two =
  { valueOf: _ => 2 }
  
console.log(one + two)
// 3

您可以将valueOf 定义为任何东西-

const foo =
  { valueOf: _ => "foo" }
  
const bar =
  { valueOf: _ => "bar" }
  
console.log(foo + bar)
// "foobar"