JavaScript 通用数据类型检测函数实现与原理

作者：小括号

时间：2026-10-25

本文详细介绍如何在 JavaScript 中实现通用的数据类型检测函数。通过对比 typeof 与 instanceof 的局限性，封装 getType 方法以准确识别 string、number、object、array、date、map 等类型，并提供完整的测试用例与 Node.js 运行示例，帮助开发者掌握前端基础类型判定的核心技巧。

文章目录

介绍

在前端开发领域，JavaScript 提供了丰富的数据类型，掌握数据类型的检测方法是每位开发者必备的基础技能。针对类型检测这一常见需求，本文将演示如何封装一个通用的数据类型检测函数，以解决实际开发中的类型判断问题。

准备

题目已内置初始代码，请打开实验环境查看目录结构。

. └── main.js

其中： main.js 是待补充代码的 js 文件。在 main.js 文件中封装好方法以后，可以尝试在该文件中手动调用已经封装好的方法，通过命令 node main.js 来执行文件，打印对应的日志。

目标

完善 main.js 中 getType 函数中的 TODO 部分，返回传入值的对应数据类型。

传入值以及 getType 函数返回值（大小写可忽略）按照如下方式对应：

传入值返回值 ‘s’ string 0 number

传入值	返回值
false	boolean
undefined	undefined
Symbol()	symbol
function fn(){}	function
123n	bigint
null	null
{}	object
[]	array
new Date	date
new Map	map
new Set	set
/a/	regexp

测试用例

// 示例
const testArr = [
  "s",
  0,
  false,
  undefined,
  Symbol(),
  function () {},
  123n,
  null,
  {},
  [],
  new Date(),
  new Map(),
  new Set(),
  /a/,
];
const result = testArr.map((item) => getType(item));
console.log("得到的结果：", result);
/*
得到的结果：
 [
    'string',  'number',
    'boolean', 'undefined',
    'symbol',  'function',
    'bigint',  'null',
    'object',  'array',
    'date',    'map',
    'set',     'regExp'
  ]
*/

值得注意的是需要我们区别typeof与instanceof的用法。instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。关于原型链请自行学习，这里不过多解释。typeof返回的是一个字符串，具体用法请见代码。typeof只能检测出图中的8种类型。并且你如果使用typeof检测 null、Date、RegExp、Error都会返回为object类型。所以最好使用instanceof检测

代码

/**
 * @description: 数据类型检测
 * @param {*} data 传入的待检测数据
 * @return {*} 返回数据类型
 */
 function getType(data) {
  // TODO：待补充代码
    if(typeof data=="String"){
      return 'string';
    }else if( typeof data=="number"){
      return "number"
    }else if(typeof data== "boolean"){
      return "boolean"
    }else if(typeof data=="undefined"){
      return "undefined"
    }else if(typeof data== "function"){
      return "function"
    }else if(typeof data=== "symbol"){
      return "symbol"
    }
    else if(typeof data== "bigint"){
      return "bigint"
    }else if( data=== null){
      return "null"
    }else if(Array.isArray(data)){
      return "array"
    }else if(data instanceof Date){
      return "date"
    }else if(data instanceof RegExp){
      return "regExp"
    }
    else if(data instanceof Map){
      return "map"
    }else if(data instanceof Set){
      return "set"
    }
    else if(typeof data=="string"){
      return "string"
    }else if(typeof data=="object"){
      return "object"
    }
}

const testArr = [
  "s",
  0,
  false,
  undefined,
  Symbol(),
  function () {},
  123n,
  null,
  {},
  [],
  new Date(),
  new Map(),
  new Set(),
  /a/,
];
  const result = testArr.map((item) => getType(item));
console.log("得到的结果：", result);
module.exports = {
  getType
}