V8 分配内存和回收数据的全链路详解
日期:2021-12-16 14:32:02
更新:2021-12-16 14:32:02
标签:JavaScript, 前端
分类:JavaScript, 前端
程序在运行时,都给程序会分配内存,让程序能保持运行,Javascript 程序在运行时 V8 也会给它分配内存,这种内存可以叫做常驻内存集合,V8 给这种常驻内存进一步细分成栈和堆

常驻内存集
程序在运行时,都给程序会分配内存,让程序能保持运行,Javascript 程序在运行时 V8 也会给它分配内存,这种内存可以叫做常驻内存集合,V8 给这种常驻内存进一步细分成栈和堆,简单的分类可以看下图:

来分析一下栈和堆分别是什么
栈(stack)
栈的特性是后进先出,用于存储 javascript 中的基本类型和引用类型的指针,每个 V8 进程都会有一个栈区域,它的存储顺序是连续的,所以在新增或删除数据是也只需要将指针移动到对应的位置,然后删除或修改数据,所以栈的速度非常快。
例如在 javascript 声明基本类型变量,他会在栈中这样表现
var num = 1;
var str = "str";
var bool = true;
var nul = null;
var undfi = undefined;

堆(heap)
堆是 V8 内存分配一个重要的组成部分,主要用于存储 js 中的引用类型。看一下V8 源码中初始化 heap 的代码
void Heap::SetUpSpaces() {
DCHECK_NOT_NULL(read_only_space_);
const bool has_young_gen = !FLAG_single_generation && !IsShared();
if (has_young_gen) {
space_[NEW_SPACE] = new_space_ =
new NewSpace(this, memory_allocator_->data_page_allocator(),
initial_semispace_size_, max_semi_space_size_);
}
space_[OLD_SPACE] = old_space_ = new OldSpace(this);
space_[CODE_SPACE] = code_space_ = new CodeSpace(this);
space_[MAP_SPACE] = map_space_ = new MapSpace(this);
space_[LO_SPACE] = lo_space_ = new OldLargeObjectSpace(this);
if (has_young_gen) {
space_[NEW_LO_SPACE] = new_lo_space_ =
new NewLargeObjectSpace(this, NewSpaceCapacity());
}
space_[CODE_LO_SPACE] = code_lo_space_ = new CodeLargeObjectSpace(this);
...
...
}
从代码中可以看到,heap 分成了 7 个部分。相应地,在 node 的v8模块中可以查看 v8 给 javascript 程序分配堆内存的大小
const v8 = require("v8");
const heapSpace = v8.getHeapSpaceStatistics();
console.log(heapSpace);
执行后返回
[
{
space_name: "read_only_space",
space_size: 151552,
space_used_size: 150392,
space_available_size: 0,
physical_space_size: 150680,
},
{
space_name: "new_space",
space_size: 33554432,
space_used_size: 11353680,
space_available_size: 5405104,
physical_space_size: 33515512,
},
{
space_name: "old_space",
space_size: 61497344,
space_used_size: 61167496,
space_available_size: 47792,
physical_space_size: 61324832,
},
{
space_name: "code_space",
space_size: 1671168,
space_used_size: 1431328,
space_available_size: 27008,
physical_space_size: 1500160,
},
{
space_name: "map_space",
space_size: 1052672,
space_used_size: 594504,
space_available_size: 304680,
physical_space_size: 896832,
},
{
space_name: "large_object_space",
space_size: 22650880,
space_used_size: 22627200,
space_available_size: 0,
physical_space_size: 22650880,
},
{
space_name: "code_large_object_space",
space_size: 49152,
space_used_size: 2880,
space_available_size: 0,
physical_space_size: 49152,
},
{
space_name: "new_large_object_space",
space_size: 0,
space_used_size: 0,
space_available_size: 16758784,
physical_space_size: 0,
},
];
调用v8.getHeapSpaceStatistics()可以看到每个堆空间分配的大小和可用大小。
接下来详细介绍一下这里面每一个堆空间代表着什么
新生代(new space)

新生代内存用于存放一些生命周期比较短的对象数据,例如:一些新创建的对象数据会存放到 new space 中。
新生代内存有两个区域,分别是对象区域(from) 和 空闲区域(to),两个区域都用一个SemiSpace对象来管理
新生代内存使用Scavenger算法来管理内存。
class SemiSpace : public Space {
public:
using iterator = PageIterator;
using const_iterator = ConstPageIterator;
static void Swap(SemiSpace* from, SemiSpace* to);
SemiSpace(Heap* heap, SemiSpaceId semispace)
: Space(heap, NEW_SPACE, new NoFreeList()),
current_capacity_(0),
target_capacity_(0),
maximum_capacity_(0),
minimum_capacity_(0),
age_mark_(kNullAddress),
id_(semispace),
current_page_(nullptr) {}
inline bool Contains(HeapObject o) const;
inline bool Contains(Object o) const;
inline bool ContainsSlow(Address a) const;
void SetUp(size_t initial_capacity, size_t maximum_capacity);
void TearDown();
bool Commit();
bool Uncommit();
bool IsCommitted() { return !memory_chunk_list_.Empty(); }
bool GrowTo(size_t new_capacity);
void ShrinkTo(size_t new_capacity);
...
...
}
SetUp方法负责设置管理地址范围
void SemiSpace::SetUp(size_t initial_capacity, size_t maximum_capacity) {
DCHECK_GE(maximum_capacity, static_cast<size_t>(Page::kPageSize));
minimum_capacity_ = RoundDown(initial_capacity, Page::kPageSize);
target_capacity_ = minimum_capacity_;
maximum_capacity_ = RoundDown(maximum_capacity, Page::kPageSize);
}
TearDown负责重置管理的地址
void SemiSpace::TearDown() {
if (IsCommitted()) {
Uncommit();
}
target_capacity_ = maximum_capacity_ = 0;
}

new space就在这种“反复横跳”的过程中进行内存管理,这种内存管理快速而且高效,虽然 new space 分配到的内存不多,但它的速度很快。同时也会造成很大的空间浪费,因为from和to总是有一个是会置空的。
老生代(old space)

old space其实相当于常驻内存,v8 会将长期停留在new space的数据放到old space中。
Oldspace 类的代码如下:
class OldSpace : public PagedSpace {
public:
explicit OldSpace(Heap* heap)
: PagedSpace(heap, OLD_SPACE, NOT_EXECUTABLE,
FreeList::CreateFreeList()) {}
static bool IsAtPageStart(Address addr) {
return static_cast<intptr_t>(addr & kPageAlignmentMask) ==
MemoryChunkLayout::ObjectStartOffsetInDataPage();
}
size_t ExternalBackingStoreBytes(ExternalBackingStoreType type) const final {
if (type == ExternalBackingStoreType::kArrayBuffer)
return heap()->OldArrayBufferBytes();
return external_backing_store_bytes_[type];
}
};
可以看到它继承了PagedSpace类,PagedSpace类用于创建和管理 space,除了OldSpace,继承PagedSpace类的还有CodeSpace和MapSpace。
- 常驻内存分配
上文提到:
v8会将长期停留在new space的数据放到old space中。那么它具体的规则是:当new space的 Scavenger 进行两个周期的垃圾回收后,如果数据还存在new space中,则将他们存放到old space中。
old space又可以分为两部分,分别是Old pointer space和Old data space

Old Space 使用Major GC(Mark-Sweep & Mark-Compact) 进行内存管理
- Major GC(Mark-Sweep & Mark-Compact)
Major GC主要用于Old Space内存管理,它的触发条件是:当没有足够的Old Space进行分配时,他就会触发垃圾回收。
Major GC使用的是Mark-Sweep-Compact(标记-清除-整理) 算法进行垃圾回收,所以 Major GC 进行垃圾回收主要有三步。
- 标记
首先,垃圾回收算法会判断哪些数据仍在使用,哪些数据不再使用。垃圾回收中会有一个root节点记录那些节点仍在使用,用按深度优先的方法遍历节点树,如果数据不在树中,则会被标记为不再使用。

- 清除
回收算法把不再使用的对象标记出来后,将这些空间重新标记为空,使他们能够重新存放其他对象
- 整理
当清除的动作执行完后,这时内存空间可能会出现比较碎片化的问题,这不利于新进入的对象分配,这时需要整理一下内存空间,提高给对象分配内存的速度。

使用这种垃圾回收方法进行回收时,会将所有正在运行的程序停止,等待垃圾回收完成后再恢复,所以它会阻塞jsvascript 程序运行。
为了避免这种回收的时间过长影响 js 执行,v8 引擎在这方面做了这些:
- 将标记-清除-整理分成了多个步骤进行
标记会放在辅助线程中进行,从而不阻塞 Javascript 主线程,当 Javascript 创建对象同时,辅助线程也会将它标记起来。
清除和整理会在辅助线程中完成,从而不阻塞 Javascript 主线程
- 懒清除:垃圾回收的执行会在需要使用内存时才会执行

其他空间介绍
- Code space 用于存放 JIT 已编译的代码
- Large object space 一个大于其他空间的对象,每个对象都有一个独立的内存。垃圾回收不会动这里的对象
- Map space 只存放 map 对象,而且他们不会移动。
分配内存
简单地了解完 V8 中的栈和堆。下面看一下 javascript 中声明变量后在 v8 时如何分配的
基本类型
基本类型会直接存放到栈中,例如上文例子:
var num = 1;
var str = "str";
var bool = true;
var nul = null;
var undfi = undefined;

引用类型
引用类型包括 function,array,object。他们在声明后,栈的值时 heap 的指针值。来看一个例子
function Test(num, people, bool) {
this.num = num;
this.people = people;
this.bool = bool;
}
var data = new Test(1, "people", true);
console.log(data);
内存分配的图如下:

实例化数据后内存分配如下

执行完实例化语句后

小结
本文主要介绍了 V8 的内存分配和数据回收,主要内容:
- 常驻内存集,了解栈和堆分别时什么
- 堆(heap)分配的空间和垃圾回收算法
- Javascript 声明变量后栈和堆是如何分配内存的
参考
-
Visualizing memory management in V8 Engine
-
V8
-
js 引擎 v8 源码分析之 SemiSpace