“[object Object]”中的小写与大写所暗示的控制台区别

Question

我发现没有提到这种微妙但看似重要的区别。我的问题是关于控制台对 Object vs object 的大小写。

例如：

function Person(name) {
this.name = name;
}
var bob = new Person("Bob");

console.log(bob.name); // Bob --as desired.

然而，

console.log(bob); // [object Object]

我的问题不是关于我的代码逻辑，而是关于控制台的消息。

“object”和“object”这两个词的大小写有什么区别？

对此的回答可能使我和其他人能够牢牢掌握控制台试图指示的内容。

Answer 1

在您的情况下，您的 bob 对象正在通过 toString 方法转换为字符串，该方法由 ES6 规范定义如下：

ES6: Object.prototype.toString ( ):

当toString方法被调用时，执行如下步骤：

1. 如果 this 值为 undefined，则返回 "[object Undefined]"。
2. 如果 this 值为 null，则返回 "[object Null]"。
3. 令 O 为 ToObject（this 值）。
4. 令 isArray 为 IsArray(O)。
5. ReturnIfAbrupt(isArray).
6. 如果 isArray 为 true，则让 builtinTag 为 "Array"。
7. 否则，如果 O 是一个奇异的 String 对象，则让 builtinTag 为 "String"。
8. 否则，如果 O 有一个 [[ParameterMap]] 内部槽，则让 builtinTag 为 "Arguments"。
9. 否则，如果 O 有 [[Call]] 内部方法，则让 builtinTag 为 "Function"。
10. 否则，如果 O 有一个 [[ErrorData]] 内部插槽，则让 builtinTag 为 "Error"。
11. 否则，如果 O 有一个 [[BooleanData]] 内部插槽，则让 builtinTag 为 "Boolean"。
12. 否则，如果 O 有 [[NumberData]] 内部插槽，则让 builtinTag 为 "Number"。
13. 否则，如果 O 有一个 [[DateValue]] 内部槽，则让 builtinTag 为 "Date"。
14. 否则，如果 O 有一个 [[RegExpMatcher]] 内部插槽，则让 builtinTag 为 "RegExp"。
15. 否则，让 builtinTag 为 "Object"。
16. 让 tag 为 Get (O, @@toStringTag)。
17. ReturnIfAbrupt(标签)。
18. 如果 Type(tag) 不是 String，则让 tag 为 builtinTag。
19. 返回作为连接"[object "、tag 和"]" 的结果的字符串。

基本上，规范说创建一个如下所示的字符串："[object " + InternalClassName + "]" 其中InternalClassName 是对象的本机构造函数，在您的情况下为Object。第一个是小写，因为规范说使用该字符串，第二个是大写，因为这是本机构造函数的名称。