为什么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):

    • 这是一个隐藏属性,用来标识对象内部类别。
相关推荐
道友可好13 小时前
Superpowers:给 AI 编程助手装上超能力
前端·人工智能·后端
协享科技13 小时前
Vue 3 实现抖音式卡片滑动交互:从零到完整方案
前端·vue.js·交互·ai编程·英语·自考英语
_xaboy14 小时前
开源Vue组件FormCreate通过 JSON 生成TinyVue表单
前端·vue.js·低代码·开源·json·表单设计器
ZC跨境爬虫14 小时前
跟着 MDN 学CSS day_44:响应式设计——让网页适配所有屏幕的完整指南
前端·css·ui·html·tensorflow
前端不太难14 小时前
Edge AI 时代:从数据中心到终端,算力如何无处不在?
前端·人工智能·edge
Highcharts.js14 小时前
Highcharts v13 全新时间轴标签边界格式|让时间维度表达更智能
前端·信息可视化·时间序列·图表开发·chart·自定义标签·可视化开发
lichenyang45314 小时前
鸿蒙研读 10:@Provider/@Consumer、RelativeContainer、onNewWant
前端
大湿兄啊啊啊14 小时前
MID360S调试
java·服务器·前端
绺年14 小时前
模块化加载机制与循环依赖的探索
前端
Csvn14 小时前
前端技术 - 前端技术债务
前端