JS中Object.prototype.toString方法解读

Object.prototype.toString 是 JavaScript 中一个非常重要的方法，用于获取对象的类型信息。它的主要功能是返回一个表示对象类型的字符串。

1. 基本用法

Object.prototype.toString 是 Object 原型链上的一个方法，所有对象都可以访问它。默认情况下，它返回一个类似 [object Type] 的字符串，其中 Type 是对象的类型。例如：

console.log(Object.prototype.toString.call({}));          // "[object Object]"
console.log(Object.prototype.toString.call([]));          // "[object Array]"
console.log(Object.prototype.toString.call(new Date()));  // "[object Date]"
console.log(Object.prototype.toString.call(null));        // "[object Null]"
console.log(Object.prototype.toString.call(undefined));   // "[object Undefined]"
console.log(Object.prototype.toString.call(123));         // "[object Number]"
console.log(Object.prototype.toString.call('abc'));       // "[object String]"
console.log(Object.prototype.toString.call(true));        // "[object Boolean]"

2. 判断数据类型

由于 JavaScript 中的 typeof 操作符在某些情况下（如判断数组、null）可能不太准确，开发者通常使用 Object.prototype.toString 来判断数据类型。比如：

function getType(obj) {
    return Object.prototype.toString.call(obj).slice(8, -1);//slice包含开始索引，不包含结束索引-顾头不顾尾
}

console.log(getType({}));          // "Object"
console.log(getType([]));          // "Array"
console.log(getType(null));        // "Null"
console.log(getType(undefined));   // "Undefined"
console.log(getType(123));         // "Number"
console.log(getType('abc'));       // "String"
console.log(getType(true));        // "Boolean"
console.log(getType(new Date()));  // "Date"
console.log(getType(/regex/));     // "RegExp"
console.log(getType(Math));        // "Math"
console.log(getType(JSON));        // "JSON"
console.log(getType(new Map()));   // "Map"

3. 常见对象的返回值

不同类型的对象会返回不同的字符串表示，以下是一些常见的对象类型及其返回的字符串：

• 普通对象：[object Object]
• 数组：[object Array]
• 函数：[object Function]
• 日期：[object Date]
• 正则表达式：[object RegExp]
• null：[object Null]
• undefined：[object Undefined]
• 数字：[object Number]
• 字符串：[object String]
• 布尔值：[object Boolean]
• Map：[object Map]
• Set：[object Set]

4. 特殊注意事项

• null 和 undefined：Object.prototype.toString.call(null) 和 Object.prototype.toString.call(undefined) 分别返回 [object Null] 和 [object Undefined]。使用 typeof 检测时，它们返回的分别是 'object' 和 'undefined'，这可能会产生混淆。

• 自定义对象：对于自定义对象，Object.prototype.toString 返回 [object Object]。如果想要自定义这个返回值，可以通过 Symbol 来实现，例如：

  class MyClass {
      get [Symbol.toStringTag]() {
          return 'MyClass';
      }
  }
  
  const myInstance = new MyClass();
  console.log(Object.prototype.toString.call(myInstance));  // "[object MyClass]"
  

5. 在不同环境中的行为

在不同的 JavaScript 环境中（如浏览器、Node.js），Object.prototype.toString 的行为是相同的，因为它是 ECMAScript 标准的一部分。然而，在不同的宿主环境中，不同的内置对象可能会返回不同的 [object Type] 值。

总结

Object.prototype.toString 是 JavaScript 中一个强大的方法，用于准确判断对象的类型。它在开发中非常有用，尤其是在需要处理多种类型的数据时，可以帮助避免 typeof 的一些不准确性。