你真的理解 JavaScript 中的数据类型判断吗？深入剖析不同方法

2023-10-10 07:42:01

对于每一位 JavaScript 开发者来说，掌握数据类型判断至关重要，它有助于我们编写健壮且可靠的代码。然而，JavaScript 中的数据类型判断并非一成不变，不同的方法各有利弊。本文将深入剖析 JavaScript 中常用的数据类型判断方法，帮助你全面理解并选择最适合特定场景的方法。

typeof 操作符：基本类型判断

最简单的类型判断方法是使用 typeof 操作符。它可以判断基本类型的数据，包括：

typeof undefined // "undefined"
typeof null // "object"
typeof 123 // "number"
typeof "hello" // "string"
typeof true // "boolean"
typeof Symbol() // "symbol"

然而，typeof 操作符也存在一些特例：

typeof null 返回的是 "object"，这与预期不符，因为 null 从逻辑上讲并不是一个对象。
typeof NaN 和 typeof Infinity 返回 "number"，尽管它们是数字类型的特殊值。

instanceof 操作符：判断对象类型

instanceof 操作符用于判断一个对象是否属于某个类。例如：

const obj = new Object();
obj instanceof Object // true

需要注意的是，instanceof 操作符只能判断对象是否属于某个类，而不能判断基本类型。

Object.prototype.toString.call() 方法

Object.prototype.toString.call() 方法可以获取对象的类型字符串。例如：

Object.prototype.toString.call(undefined) // "[object Undefined]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(123) // "[object Number]"
Object.prototype.toString.call("hello") // "[object String]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call(new Date()) // "[object Date]"
Object.prototype.toString.call([]) // "[object Array]"

这种方法可以判断所有类型的数据，包括基本类型和对象。

自定义类型判断函数

在某些情况下，我们可能需要创建自定义的类型判断函数。例如：

function isArray(obj) {
  return Array.isArray(obj);
}

function isObject(obj) {
  return typeof obj === "object" && obj !== null;
}

function isFunction(obj) {
  return typeof obj === "function";
}