JavaScript类型识别体系完整构建指南

JavaScript类型识别不能仅依赖单一方法，必须组合多种手段：原始类型优先使用typeof（null需要单独处理），对象类型则采用Object.prototype.toString.call，跨iframe环境还需借助Array.isArray与toString，最终可以封装成一个返回小写类型名的typeOf函数。

JavaScript的类型识别不能只靠typeof或instanceof——必须组合多种方法才能覆盖所有场景。原始类型、内置对象、宿主对象、跨iframe环境、null、数组、日期、正则等各类情况，每种都需要差异化处理。下面我们逐一拆解。

区分原始类型与对象类型

原始类型包括 string、number、boolean、null、undefined、symbol、bigint。其中，typeof对除null外的其他类型识别准确；但typeof null === 'object'是历史遗留bug，需要单独判断。对象类型（数组、日期、正则等）统一返回'object'，无法进一步区分，必须借助其他手段。

• 使用 typeof x === 'string' || typeof x === 'number' || ... 逐个判断原始类型
• x === null 是识别null最直接、最安全的方式
• typeof x === 'object' && x !== null 可以初步筛选出非null的对象

精准识别内置引用类型

对于 Array、Date、RegExp、Map、Set 等内置引用类型，推荐使用 Object.prototype.toString.call(x)。它返回形如 [object Array] 的标准字符串，结果稳定且不受原型污染影响。

• Array.isArray(x) 是识别数组的首选（ES5+），比toString更语义化
• isDate(x) 可以封装为 Object.prototype.toString.call(x) === '[object Date]'
• isRegExp(x) 同理，避免依赖 x.constructor === RegExp（构造函数容易被篡改）

处理跨iframe和自定义类实例

在多iframe环境中，instanceof会因构造函数不共享而失效，但 toString 仍然有效。对于自定义类，如果需要保留类型语义，可以配合 Symbol.toStringTag 或显式添加 type 属性。

• 跨iframe检测数组：仍可用 Array.isArray，规范保证其在跨realm场景下行为一致
• 检测Promise：用toString，或者检查 typeof x.then === 'function'（注意并非所有thenable都是Promise）
• 自定义类可以设置 obj[Symbol.toStringTag] = 'MyClass'，使 toString.call(obj) 返回预期的结果

封装一个健壮的typeOf工具函数

综合以上策略，可以实现一个返回标准小写类型名的函数，例如 typeOf([]) → 'array'、typeOf(null) → 'null'、typeOf(new Date()) → 'date'。

• 优先处理原始类型和null
• 对对象调用 toString.call，提取第二词（如 'Array' → 'array'）
• 特殊处理 Function（typeof 已经准确）和 AsyncFunction（需要用toString辅助）
• 可选支持 isPlainObject 逻辑，通过 Object.getPrototypeOf(obj) === Object.prototype 判断