为什么typeof null = 'object'

1. JS 内部存储值的方式(type tag)

JavaScript 最早期的实现里,每个值在内存里都要有 类型标记(type tag) ,用来告诉 JS 引擎这个值是什么类型。

  • 比如:

    值类型 内存 type tag
    number 1
    string 2
    object 0
    boolean 3
    ... ...
  • JS 引擎执行 typeof x 时,并不是去理解 x 的语义,而是直接查这个 内存里的 type tag

  • 也就是说 typeof 早期只是个 低成本内存检查操作


2. 为什么 null 的 type tag 是 0

  • 当时 JS 内部实现 null 的方式是:

    • 它本质上是一个指针,指向 空对象引用(null pointer)。
    • 空对象指针的 type tag 被标记为 0,也就是对象。
  • 所以:

    csharp 复制代码
    typeof null // 读取 type tag → 0 → 返回 "object"
  • 注意,这里不是在问"null 语义上是不是对象",而是引擎只是根据 type tag 决定返回值。


3. 语义 vs 内存实现

角度 对 null 的理解
语义 null 表示"没有对象引用",是原始值,不是对象
内存实现 JS 最初实现中,null 用空对象指针存储,type tag=0
typeof 结果 typeof 直接读取 type tag → "object"

所以 typeof null === 'object'历史遗留的实现细节,而不是语言逻辑设计的结果。

Object.prototype.toString.call(value)

一、基本用法

javascript 复制代码
Object.prototype.toString.call(value)
  • value 可以是任意 JS 值(原始值或对象)。
  • 输出格式:
arduino 复制代码
"[object Type]"

其中 Type 表示值的内部类型标签\[Class]),比 typeof 更准确。


二、示例

typeof Object.prototype.toString.call
undefined "undefined" "object Undefined"
null "object" "object Null"
123 "number" "object Number"
"abc" "string" "object String"
true "boolean" "object Boolean"
Symbol() "symbol" "object Symbol"
[] "object" "object Array"
{} "object" "object Object"
function(){} "function" "object Function"
new Date() "object" "object Date"
/regex/ "object" "object RegExp"
Promise.resolve() "object" "object Promise"
new Map() "object" "object Map"
new Set() "object" "object Set"

可以看到,它可以准确区分数组、日期、正则、Map、Set、Promise 等,而 typeof 全部都是 "object"(除了函数和基本类型)。


三、原理

  1. JS 对象都有一个内部属性 [[Class]](在现代规范中叫 Symbol.toStringTag):

    • 这是一个隐藏属性,用来标识对象内部类别。
相关推荐
晴天1636 分钟前
多个 VS Code 项目会导致 Chrome 和 Electron 应用一起卡住?-Day30
前端·chrome·electron
BigTopOne7 小时前
【WebRtc】DTLS-SRTP 加密完整流程详解
前端
陈随易7 小时前
pm2 替代品,nodejs&bun 线上部署必备工具
前端·后端·程序员
单线程_017 小时前
从案例分析 Vue3 Tokenizer 源码一
前端·javascript·vue.js
BigTopOne7 小时前
【WebRtc】-ICE Candidate 与 STUN/TURN 原理详解
前端
l1258657 小时前
# LangGraph Memory机制深度解析:短期记忆与长期记忆的工程实践
前端·人工智能·python·langchain·bootstrap
码视野8 小时前
基于 Spring Boot + Vue3 的【大学英语四六级 (CET-4/6) 作文智能评分与句式润色系统】设计与实现(含PRD/三端高保真源码/大屏)
java·前端·人工智能·spring boot·后端·vue3
大模型码小白8 小时前
AI 对话流性能调优:万级消息的虚拟滚动落地
java·大数据·前端·javascript·人工智能·算法·机器学习
xm_xm_xm_19 小时前
react17版本以前类组件常用操作
前端·javascript·react.js
ly768910 小时前
Web 性能优化实战:从 Core Web Vitals 到工程化性能治理
前端·性能优化