JavaScript中如何判断数据类型_Typeof和Instanceof够用吗-js教程-PHP中文网

typeof对基本类型和函数可靠但无法区分null及引用类型；instanceof依赖构造器引用且跨环境失效；object.prototype.tostring.call()最稳妥，可精准识别所有内置类型。

javascript中如何判断数据类型_typeof和instanceof够用吗

typeof 对基本类型和函数的判断是可靠的

typeof 在区分 string、number、boolean、undefined、function 时表现稳定，比如：

typeof "hello"     // "string"
typeof 42          // "number"
typeof true        // "boolean"
typeof undefined   // "undefined"
typeof function(){} // "function"

但它的短板非常明显：typeof null 返回 "object"，这是历史遗留 bug；对所有引用类型（Array、Date、RegExp、普通对象等）一律返回 "object"，完全无法区分。

遇到 null 时必须额外用 value === null 单独判断
typeof [] 和 typeof {} 都是 "object"，没法知道是不是数组
typeof new Date() 也是 "object"，看不出是日期实例

instanceof 适合检测自定义类或明确构造器来源的对象

instanceof 检查的是对象原型链上是否存在指定构造函数的 prototype，所以它依赖运行时的构造器引用，且只对“由该构造器创建”的实例有效。

[] instanceof Array      // true
new Date() instanceof Date // true
{a:1} instanceof Object    // true

但它在跨 iframe 或不同 JS 执行上下文（如微前端、Web Worker）中会失效，因为不同环境下的 Array 构造器不是同一个引用：

ApiPost接口调试与文档生成工具

ApiPost是一个支持团队协作，支持模拟POST、GET、PUT等常见请求，并可直接生成文档的API调试、管理工具，ApiPost是后台接口开发者或前端、接口测试人员的工作必备工具。快速生成、一键导出API文档。感兴趣的朋友快来下载吧。软件说明ApiPost官方版是一款十分出色的接口调试与文档生成工具，ApiPost官方版界面美观大方，功能强劲实用，支持团队协作，支持模拟POST、GET、PUT等常见请求，是后台接口开发者或前端、接口测试人员的工作必备工具。软件特色更方便支持接口调试的同时快速生成、一键

下载

iframe.contentWindow.Array !== Array，导致 iframeArr instanceof Array 为 false
ES6 模块中如果导出/导入了类，需确保构造器引用一致，否则 instanceof 判断可能意外失败
对原始值（123、"str"）直接使用会报错：123 instanceof Number 是 false，且不推荐包装成对象再判断

Object.prototype.toString.call() 是最稳妥的通用方案

几乎所有内置类型在调用 Object.prototype.toString.call(value) 时都会返回形如 "[object Xxx]" 的字符串，包括 null 和 undefined：

Object.prototype.toString.call(null)        // "[object Null]"
Object.prototype.toString.call(undefined)   // "[object Undefined]"
Object.prototype.toString.call([])          // "[object Array]"
Object.prototype.toString.call(new Date())  // "[object Date]"
Object.prototype.toString.call(/abc/)       // "[object RegExp]"

这个方法不依赖构造器引用，也不受执行上下文影响，是目前最可靠的类型探测方式。可封装成工具函数：

function getType(value) {
  return Object.prototype.toString.call(value).slice(8, -1);
}
getType([1,2])     // "Array"
getType(new Set()) // "Set"

注意：不能省略 .call()，直接 {}.toString() 会走对象自己的 toString 方法，返回 "[object Object]"
对自定义类，需在类上显式定义 Symbol.toStringTag 才能被识别为对应标签，否则仍是 "Object"
性能上比 typeof 稍慢，但日常类型判断几乎无感知，不必过早优化