https://github.com/justjavac/v8-javascript-memory

V8 JavaScript 内存占用分析
https://github.com/justjavac/v8-javascript-memory

chrome-devtools javascript v8 v8-javascript-engine v8-profiler

Last synced: 22 days ago
JSON representation

V8 JavaScript 内存占用分析

• Host: GitHub
• URL: https://github.com/justjavac/v8-javascript-memory
• Owner: justjavac
• Created: 2020-10-14T01:20:28.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-04-11T02:08:15.000Z (over 2 years ago)
• Last Synced: 2024-10-03T12:16:24.273Z (about 1 month ago)
• Topics: chrome-devtools, javascript, v8, v8-javascript-engine, v8-profiler
• Language: HTML
• Homepage: https://justjavac.com/v8-javascript-memory/
• Size: 275 KB
• Stars: 49
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# v8-javascript-memory

V8 JavaScript 内存占用分析。

> 回答知乎的问题：[v8 中 Symbol() 、Object.create(null) 和 {} 的内存占用分别是多少？](https://www.zhihu.com/question/425300093/answer/1523228095)

## 步骤

1. 使用 Chrome 浏览器访问 

1. 打开 Dev Tools，如图：

  ![](./screen.png)

  1. 选择 Memory 标签页

  1. 点击 take heap snapshots

  1. 在过滤框中输入 `ho` 快速过滤出 holder

## 名词解释

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

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

单位是字节(Byte)。

## 分析

从截图中可以看到，`Symbol()` 的内存占用是 16。

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

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

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

![](./screen2.png)

1. `__proto__` 是原型链。

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

## 使用 V8 进行调试

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

代码：

```js

let o = {};

%DebugPrint(o);

```

运行：`d8 --allow_natives_syntax heap.js`

输出：

```plain

DebugPrint: 0x2604080c60e9: [JS_OBJECT_TYPE]

 - map: 0x2604082802d9  [FastProperties]

 - prototype: 0x2604082413c9 

 - elements: 0x2604080406e9  [HOLEY_ELEMENTS]

 - properties: 0x2604080406e9  {}

0x2604082802d9: [Map]

 - type: JS_OBJECT_TYPE

 - instance size: 28

 - inobject properties: 4

 - elements kind: HOLEY_ELEMENTS

 - unused property fields: 4

 - enum length: invalid

 - back pointer: 0x26040804030d 

 - prototype_validity cell: 0x2604081c0451 

 - instance descriptors (own) #0: 0x2604080401b5 

 - prototype: 0x2604082413c9 

 - constructor: 0x2604082413e5 

 - dependent code: 0x2604080401ed 

 - construction counter: 0

```

**注：** 虽然 node 和 deno 都支持 V8 的 `--allow_natives_syntax` 参数，但是如果你使用 node 或者 deno 运行，只能得到一行类似 `0x053bedbc1399 ` 的输出。 如果想得到详细的输出，必须手动编译，并且在编译过程中增加 `--is_debug=true` 参数。

## License

本作品由 justjavac 创作，采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。凡是转载的文章，翻译的文章，或者由其他作者投稿的文章，版权归原作者所有。