当前位置：首页 > news >正文

JS中Object.prototype.toString方法解读

news 来源：原创 2024/9/19 23:55:26

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]"