如何通过d8深入分析对象

归档50

前端基础21 算法11 工具与环境7 框架6 计算机网络3 读书1 随笔1

323 字

2 分钟

如何通过d8深入分析对象

2025-05-25

前端基础

浏览器

为了更深入理解JavaScript中的对象，需要安装d8(V8调试工具)

mac安装指导 windows安装指导

创建文件test.js

1
obj = { "second":2, 2: "b", 1: "a", "first": 1 };
2
%DebugPrint(obj);

执行命令 d8 --allow-natives-syntax test.js

d8命令参数解释

—allow-natives-syntax 的含义是允许调用V8内部调试方法。通过%DebugPrint() 这种方式我们可以看到相对于控制台memory内存快照中更深度的信息。

1
DebugPrint:
2
0x3c9d0010b481: [JS_OBJECT_TYPE]
3
 - map: 0x3c9d0025a4dd <Map[20](HOLEY_ELEMENTS)> [FastProperties] `隐藏类`
4
 - prototype: 0x3c9d00244a09 <Object map = 0x3c9d002440c5>
5
 - elements: 0x3c9d0010b4b1 <FixedArray[20]> [HOLEY_ELEMENTS]
6
 - properties: 0x3c9d000022a9 <FixedArray[0]>
7
 - All own properties (excluding elements): { `命名属性`
8
    0x3c9d00007591: [String] in ReadOnlySpace: #second: 2 (const data field 0), location: in-object
9
    0x3c9d00005755: [String] in ReadOnlySpace: #first: 1 (const data field 1), location: in-object
10
 }
11
 - elements: 0x3c9d0010b4b1 <FixedArray[20]> { `可索引属性`
12
           0: 0x3c9d000022fd <the_hole>
13
           1: 0x3c9d00004a4d <String[1]: #a>
14
           2: 0x3c9d00004a5d <String[1]: #b>
15
        3-19: 0x3c9d000022fd <the_hole>
16
 }
17
0x3c9d0025a4dd: [Map] in OldSpace `垃圾回收相关-老生代`
18
 - type: JS_OBJECT_TYPE
19
 - instance size: 20
20
 - inobject properties: 2 `对象内属性数量`
21
 - elements kind: HOLEY_ELEMENTS
22
 - enum length: invalid
23
 - back pointer: 0x3c9d0025a495 <Map[20](HOLEY_ELEMENTS)> `transition tree上指针`
24
 - instance descriptors (own) #2: 0x3c9d0010b509 <DescriptorArray[2]> `描述符数组`
25
 - prototype: 0x3c9d00244a09 <Object map = 0x3c9d002440c5> `原型`
26
 - constructor: 0x3c9d002445cd <JSFunction Object (sfi = 0x3c9d00217d3d)> `构造者`
27
 - dependent code: 0x3c9d000022b9 <Other `heap` object (WEAK_ARRAY_LIST_TYPE)> `存放位置`