内部属性 [[Class]] 以及 Object.prototype.toString.call 详解

1. 内部属性 [[Class]]

[[Class]] 是 JavaScript 对象内部的一个属性，用于表示对象的类型。这个属性是内部实现的，不能直接访问。每个 JavaScript 对象都有一个 [[Class]] 属性，它的值是一个字符串，表示对象的类型。例如：

• 对于数组对象，[[Class]] 的值是 "Array"
• 对于日期对象，[[Class]] 的值是 "Date"
• 对于正则表达式对象，[[Class]] 的值是 "RegExp"

2. Object.prototype.toString 方法

Object.prototype.toString 是 JavaScript 中的一个内置方法，它返回一个表示对象的字符串。该方法的返回值格式为 "[object Type]"，其中 Type 就是对象的 [[Class]] 值。

例如：

console.log(Object.prototype.toString.call([])); // [object Array]
console.log(Object.prototype.toString.call(new Date())); // [object Date]
console.log(Object.prototype.toString.call(/regex/)); // [object RegExp]

3. 使用 Object.prototype.toString.call 进行类型检测

由于 [[Class]] 是内部属性，不能直接访问，但可以通过 Object.prototype.toString.call 方法来间接获取。这种方法是一种常用的类型检测手段，特别适用于区分 JavaScript 中的内置对象类型。

3.1 示例代码

function getType(obj) {
  return Object.prototype.toString.call(obj);
}

console.log(getType([])); // [object Array]
console.log(getType({})); // [object Object]
console.log(getType(new Date())); // [object Date]
console.log(getType(null)); // [object Null]
console.log(getType(undefined)); // [object Undefined]
console.log(getType(42)); // [object Number]
console.log(getType("hello")); // [object String]
console.log(getType(true)); // [object Boolean]

3.2 与 typeof 和 instanceof 的比较

• typeof 操作符返回一个表示数据类型的字符串，但对于对象类型（如数组、日期等）都返回 "object"，无法区分具体的对象类型。
• instanceof 操作符用于检测对象的原型链，但无法检测原始值类型（如数字、字符串等）。
• Object.prototype.toString.call 能够准确区分各种内置对象类型，包括原始值类型。

4. 自定义对象的 [[Class]] 值

对于自定义对象，Object.prototype.toString.call 默认返回 "[object Object]"。如果需要自定义对象的 [[Class]] 值，可以使用 ES6 引入的 Symbol.toStringTag 符号。

4.1 示例代码

const obj = {
  [Symbol.toStringTag]: 'MyObject'
};
console.log(Object.prototype.toString.call(obj)); // [object MyObject]

class MyClass {
  get [Symbol.toStringTag]() {
    return 'MyClass';
  }
}

const obj = new MyClass();
console.log(Object.prototype.toString.call(obj)); // [object MyClass]

5. 实际应用场景

• 类型检测：在需要精确检测对象类型时，使用 Object.prototype.toString.call。
• 调试和日志记录：在调试代码或记录日志时，使用 Object.prototype.toString.call 获取对象的详细信息。
• 自定义对象类型：在需要自定义对象的类型表示时，使用 Symbol.toStringTag。

6. 总结

[[Class]] 是 JavaScript 对象的内部属性，表示对象的类型，不能直接访问。Object.prototype.toString.call 是一种常用的类型检测方法，通过返回 "[object Type]" 字符串来获取对象的 [[Class]] 值，从而判断对象的类型。这种方法对于区分 JavaScript 中的内置对象类型非常有用，但对于自定义对象的类型检测需要使用其他方法或 Symbol.toStringTag。