如何精确区分Object、Array、Function

星瑶姑娘_1652

星瑶姑娘_1652

2026-06-12

571人浏览

原创

javascript中精确区分object、array和function应优先用array.isarray()判数组,typeof判函数,object.prototype.tostring.call()统一识别三者;避免instanceof、constructor及单纯typeof等误判方法。

如何精确区分object、array、function

JavaScript 中,Object、Array 和 Function 都属于引用类型,但它们的语义、行为和构造方式完全不同。用错判断方法容易误判——比如 typeof [] 和 typeof {} 都返回 "object",而 typeof function(){} 虽然返回 "function",但某些环境(如旧版 Safari)曾将其归为 "object"。所以“精确区分”必须避开陷阱,选对方法。

用 Array.isArray() 判断数组最可靠

这是 ES5 标准方法,跨 iframe、跨窗口、多全局环境都稳定有效:

  • Array.isArray([]) → true
  • Array.isArray({}) → false
  • Array.isArray(function(){}) → false

不推荐用 instanceof Array 或 constructor === Array:前者在 iframe 场景下失效;后者可被手动篡改(如 arr.constructor = Object),导致误判。

用 typeof + 严格补充判断 Function

typeof 对函数返回 "function",目前主流引擎已统一支持,是首选:

  • typeof function(){} === "function" → true
  • typeof class A{} === "function" → true(类本质也是函数)
  • typeof {} === "function" → false

注意:不能单靠 typeof 区分 Object 和 Array(两者都是 "object"),所以它只适合专用于识别函数——且要配合其他方法排除干扰。

鲜艺AI抠图
鲜艺AI抠图

鲜艺AI抠图是一款AI图片处理工具,免费 AI 抠图工具,支持离线安装与使用。

下载

用 Object.prototype.toString.call() 统一识别三者

这是最底层、最通用的方案,能精准返回内部 [[Class]] 标签:

  • Object.prototype.toString.call([]) → "[object Array]"
  • Object.prototype.toString.call({}) → "[object Object]"
  • Object.prototype.toString.call(function(){}) → "[object Function]"

这个方法不依赖构造函数,不受原型链污染或跨环境影响,适用于需要同时判断多种内置类型的场景(如 Date、RegExp、Map 等)。只需提取中括号内的单词即可标准化比对。

避免常见误判组合

有些看似直观的方式实际不可靠:

  • typeof 单独用于对象/数组 → 两者都返回 "object",无法区分
  • obj instanceof Object → 几乎所有引用类型都为 true(包括 Array、Function),失去区分意义
  • 检查 length 属性 → 类数组对象(如 arguments、NodeList)也有 length,但不是 Array
  • 检查 typeof obj === "object" && !Array.isArray(obj) → 可识别普通对象,但会把 null 也当作 object(typeof null === "object" 是历史 bug)

真正安全的做法是:先用 Array.isArray() 排除数组;再用 typeof === "function" 捕获函数;其余满足 typeof === "object" 且非 null 的,才归为普通 Object。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.31

2671

5

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

2025.10.31

534

9

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

2026.02.12

462

19

function是什么
function是什么

function是函数的意思,是一段具有特定功能的可重复使用的代码块,是程序的基本组成单元之一,可以接受输入参数,执行特定的操作,并返回结果。本专题为大家提供function是什么的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.04

2840

5

js函数function用法
js函数function用法

js函数function用法有:1、声明函数;2、调用函数;3、函数参数;4、函数返回值;5、匿名函数;6、函数作为参数;7、函数作用域;8、递归函数。本专题提供js函数function用法的相关文章内容,大家可以免费阅读。

2023.10.07

474

5

JavaScript中的typeof用法
JavaScript中的typeof用法

在JavaScript中,typeof是一个用来确定给定变量的数据类型的操作符。可以用来确定一个变量是字符串、数字、布尔值、函数、对象或undefined的数据类型。更多关于typeof用法相关文章,详情请看本专题下面的文章,php中文网欢迎大家前来学习。

2023.11.23

7527

13

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

2026.09.30

120

10

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

2026.09.30

100

14

LLVM IR中间表示入门指南
LLVM IR中间表示入门指南

本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

2026.09.30

80

12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.6万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.4万人学习