在前端开发中，Object.prototype.toString() 方法是一个经常使用的方法，它可以返回一个对象的字符串表示，通常被用来判断一个变量的数据类型。在 ES10 中，这个方法得到了新的改进和增强，本文将深入解析这个方法的定义、使用场景、改进和增强等内容，并给出详细的示例代码和指导意义。
定义与使用场景
Object.prototype.toString() 方法是 JavaScript 中 Object 对象的原型方法，它的定义如下：
Object.prototype.toString.call(value);
其中，value 为任何数据类型。该方法会返回一个由 "[object " 和实际数据类型组成的字符串，比如 "[object Array]" 或 "[object Object]"。因此，我们常常利用这个方法来判断一个变量的数据类型：
// www.javascriptcn.com code example
const arr = [1, 2, 3];
const obj = { a: 1, b: 2 };
const str = "hello";
const num = 123;
console.log(Object.prototype.toString.call(arr)); // 输出: [object Array]
console.log(Object.prototype.toString.call(obj)); // 输出: [object Object]
console.log(Object.prototype.toString.call(str)); // 输出: [object String]
console.log(Object.prototype.toString.call(num)); // 输出: [object Number]可以看出，利用 Object.prototype.toString() 方法，我们可以方便地判断一个变量的数据类型。
ES10 中的改进和增强
在 ES10 中，Object.prototype.toString() 方法得到了改进和增强，它可以返回一些新的数据类型的字符串表示，包括 BigInt、Symbol 等。以前，对于 BigInt 和 Symbol 类型的变量，我们需要使用一些 hack 方法来判断它们的数据类型，现在可以直接使用 Object.prototype.toString() 方法了。下面是新增的数据类型的字符串表示：
- BigInt: "[object BigInt]"
- Symbol: "[object Symbol]"
- Symbol AsyncIterator: "[object Symbol.asyncIterator]"
下面是新的示例代码：
const bigInt = BigInt(123456789);
const sym = Symbol("foo");
const symIterator = Symbol.asyncIterator;
console.log(Object.prototype.toString.call(bigInt)); // 输出: [object BigInt]
console.log(Object.prototype.toString.call(sym)); // 输出: [object Symbol]
console.log(Object.prototype.toString.call(symIterator)); // 输出: [object Symbol.asyncIterator]指导意义
Object.prototype.toString() 方法对于判断一个变量的数据类型是非常有用的。在 ES10 中，该方法得到了改进和增强，可以返回一些新的数据类型的字符串表示。正确地判断一个变量的数据类型对于编写高质量的代码是非常重要的，因此，掌握 Object.prototype.toString() 方法的使用方法是非常必要的。
在做数据类型判断时，建议使用 typeof、instanceof、Object.prototype.toString() 这三个方法结合使用，以达到准确、高效的判断效果。例如：
const a = 123; const b = 'hello'; const c = [1, 2, 3]; console.log(typeof a === 'number'); // 输出: true console.log(typeof b === 'string'); // 输出: true console.log(c instanceof Array); // 输出: true console.log(Object.prototype.toString.call(a) === '[object Number]'); // 输出: true
同时，在编写高质量的代码时，我们还需要注意一些特定数据类型的判断方式，比如 NaN、null 等，这些数据类型的判断方式有些独特，需要我们特别注意。例如：
console.log(Object.prototype.toString.call(NaN) === '[object Number]'); // 输出: true console.log(Object.prototype.toString.call(null) === '[object Null]'); // 输出: true
总之，Object.prototype.toString() 方法是一个非常基础但也非常实用的方法，在开发过程中需要我们多加利用和熟练掌握，以达到更高的开发效率和更好的代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d65e92a941bf7134c18afa