一招搞定，再也不用 Object.prototype.toString.call(obj) 了！

2024-02-08 05:07:24

在 JavaScript 中，我们经常需要进行类型判断，来决定如何处理不同的数据。传统上，许多开发者使用 Object.prototype.toString.call() 方法来判断类型。虽然这种方法很通用，但它很长，写起来很累，而且不能体现我们的开发水平。

因此，本文将介绍一种更简洁、高效的 JavaScript 类型判断方法，帮助你提升开发效率。

封装工具函数

我们可以封装一个名为 typeofPlus 的工具函数，该函数接受一个参数 obj，并返回一个字符串，表示该参数的类型。

const typeofPlus = (obj) => {
  return Object.prototype.toString.call(obj).slice(8, -1);
};

以下是 typeofPlus 的用法示例：

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

正如你所见，typeofPlus 函数可以准确地判断各种类型的值。

内置类型判断方法

除了 typeofPlus 函数，JavaScript 还提供了一些内置的类型判断方法，它们分别为：

typeof：返回一个字符串，表示该参数的类型。
instanceof：用于判断一个对象是否属于某个类的实例。
Object.prototype.toString.call()：返回一个字符串，表示该参数的类型。

比较

下表比较了 typeofPlus 函数和内置类型判断方法的优缺点：

方法	优点	缺点
`typeofPlus`	简洁、高效，可以判断所有类型的值	需要封装
`typeof`	简单易用，可以判断大部分类型的值	不能判断 `null` 和 `undefined`
`instanceof`	可以判断一个对象是否属于某个类的实例	不能判断基本类型的值
`Object.prototype.toString.call()`	通用性强，可以判断所有类型的值	长，写起来累，需要处理字符串