在 Chrome(V8) 中 Symbol() 、Object.create(null) 和 {} 的内存占用分别是多少？

使用 Chrome Dev Tools 很容易查看内存占用。

代码：

function Holder() {}
var holder = new Holder()

holder.s = Symbol("s")
holder.n = Object.create(null)
holder.o = {}

如果你不喜欢自己敲，我在 GitHub 上新建了一个 repo：justjavac/v8-javascript-memory

分析步骤：

1. 使用 Chrome 浏览器访问 https://justjavac.com/v8-javascript-memory/

2. 打开 Dev Tools，如图：

1. 选择 Memory 标签页

2. 点击 take heap snapsshot

3. 在过滤框中输入 hol 快速过滤出 holder

Shallow Size：对象自身占用内存的大小，不包括它引用的对象。JavaScript 对象会将一些内存用于自身的说明和保存中间值。通常，只有数组和字符串会有明显的浅层大小。

Retained Size：这是将对象本身连同其无法从 GC root 到达的相关对象一起删除后释放的内存大小。

单位是字节(Byte)。

从截图中可以看到

• Symbol() 的内存占用是 16。

• Object.create(null) 自身占用 12，总占用 88。

• {} 自身占用 28，总占用 28。

继续展开你会看到其他信息：

1. __proto__ 是原型链。

2. map 就是很多文章都在介绍的 V8 对象的黑魔法 Hidden Class。

使用 V8 进行调试

V8 的 %DebugPrint() 函数可以打印出对象的调试信息。这需要手动使用 --is_debug=true 参数来编译 V8。

代码：

let o = {};
%DebugPrint(o);

运行：d8 --allow_natives_syntax heap.js

输出：

DebugPrint: 0x2604080c60e9: [JS_OBJECT_TYPE]
 - map: 0x2604082802d9  [FastProperties]
 - prototype: 0x2604082413c9