博客站

在 JavaScript 中，有多种方法可以判断变量的数据类型。以下是几种常见的方法：

1. 使用 typeof 操作符

typeof 是最常用和最简单的方法，但有一些局限性，尤其是在处理对象和函数时。

console.log(typeof 42);              // "number"
console.log(typeof 'Hello');         // "string"
console.log(typeof true);            // "boolean"
console.log(typeof undefined);       // "undefined"
console.log(typeof Symbol());        // "symbol"
console.log(typeof { a: 1 });        // "object" (注意：数组和null也返回"object")
console.log(typeof [1, 2, 3]);       // "object"
console.log(typeof function() {});   // "function"
console.log(typeof null);            // "object" (这是一个著名的JavaScript设计缺陷)

2. 使用 instanceof 操作符

instanceof 可以用来检测对象是否属于某个构造函数的实例。

console.log([] instanceof Array);        // true
console.log({}) instanceof Object;       // true
console.log(new Date() instanceof Date); // true

function MyFunction() {}
console.log(new MyFunction() instanceof MyFunction); // true

3. 使用 Array.isArray()

专门用于检测数组。

console.log(Array.isArray([1, 2, 3]));  // true
console.log(Array.isArray({}));         // false

4. 使用 Object.prototype.toString.call()

这是一个非常可靠的方法，可以返回对象的内部 [[Class]] 属性。

console.log(Object.prototype.toString.call(42));            // "[object Number]"
console.log(Object.prototype.toString.call('Hello'));       // "[object String]"
console.log(Object.prototype.toString.call(true));          // "[object Boolean]"
console.log(Object.prototype.toString.call(undefined));     // "[object Undefined]"
console.log(Object.prototype.toString.call({ a: 1 }));      // "[object Object]"
console.log(Object.prototype.toString.call([1, 2, 3]));     // "[object Array]"
console.log(Object.prototype.toString.call(null));          // "[object Null]"
console.log(Object.prototype.toString.call(new Date()));    // "[object Date]"
console.log(Object.prototype.toString.call(/regex/));       // "[object RegExp]"
console.log(Object.prototype.toString.call(function() {})); // "[object Function]"

为了简化使用，可以封装一个函数：

function getType(value) {
  return Object.prototype.toString.call(value).slice(8, -1).toLowerCase();
}

console.log(getType(42));            // "number"
console.log(getType('Hello'));       // "string"
console.log(getType({ a: 1 }));      // "object"
console.log(getType([1, 2, 3]));     // "array"

5. 使用构造函数检测

尽管不推荐，但你也可以使用构造函数来检测数据类型，不过这种方法不太可靠，因为对象可以自定义构造函数。

console.log([1, 2, 3].constructor === Array);    // true
console.log({ a: 1 }.constructor === Object);    // true
console.log(new Date().constructor === Date);    // true

总结

typeof 和 instanceof 是最常用的方法，但在处理复杂情况或需要更高精度时，Object.prototype.toString.call() 是更好的选择。选择哪种方法取决于具体的需求和上下文。