介绍一下js垃圾回收机制

JavaScript中的垃圾回收机制负责自动管理内存,回收不再使用的对象所占用的内存空间。在JavaScript中,开发者不需要显式地分配和释放内存,垃圾回收器会自动完成这些操作。以下是关于JavaScript垃圾回收机制的一些关键概念:

  1. 内存生命周期:JavaScript内存生命周期包括分配、使用和释放三个阶段。首先,内存会被分配给变量或对象;然后,程序会使用这些变量或对象;最后,不再需要的变量或对象会被垃圾回收器释放。
  2. 可达性:垃圾回收器通过可达性来判断一个对象是否还在使用。根对象(如全局对象和其他内置对象)被认为是可达的。如果一个对象可以通过根对象或其他可达对象引用链到达,那么它也被认为是可达的。
  3. 引用计数:这是一种较早的垃圾回收策略,通过追踪每个对象的引用次数来判断对象是否仍在使用。当对象的引用计数为0时,表示对象不再被使用,可以被回收。然而,引用计数算法存在循环引用问题,无法回收循环引用的对象。
  4. 标记-清除:这是现代JavaScript引擎中常见的垃圾回收算法。标记-清除算法首先会标记所有可达对象,然后遍历整个内存空间,清除未被标记的对象。这种算法可以处理循环引用问题,但可能会导致内存碎片。
  5. 分代回收:由于不同对象的生命周期长短不同,现代JavaScript引擎将内存分为新生代和老生代。新生代主要存放短生命周期的对象,老生代主要存放长生命周期的对象。新生代和老生代的垃圾回收策略会有所不同。
  6. 增量回收和懒惰回收:为了降低垃圾回收对程序执行的影响,现代JavaScript引擎采用了增量回收和懒惰回收策略。增量回收将回收工作分成多个小任务,穿插在程序执行过程中;懒惰回收则会在一定程度上推迟回收操作,以减少性能开销。

 

以下是一个简单的示例,演示了 JavaScript 垃圾回收机制中的引用计数和标记清除:

// 引用计数示例
let a = { name: 'John' };
let b = a; // b 引用了 a,a 的引用计数变为 2
a = null; // a 不再引用这个对象,a 的引用计数变为 1
b = null; // b 不再引用这个对象,这个对象的引用计数变为 0,可以被垃圾回收器回收

// 标记清除示例
function foo() {
  let x = { name: 'Alice' };
  let y = { name: 'Bob' };
  x.friend = y;
  y.friend = x;
}

foo(); // 函数执行完后,x 和 y 都不再被使用,但它们之间相互引用,无法使用引用计数来回收内存
// 垃圾回收器定期运行,会发现 x 和 y 都已经不再被引用,可以被回收

在这个示例中,当变量 a 被赋值给变量 b 时,对象的引用计数变为 2。当 a 被赋值为 null 时,对象的引用计数变为 1。最后当 b 也被赋值为 null 时,对象的引用计数变为 0,可以被垃圾回收器回收。

另外,函数 foo 中创建了两个对象 xy,并且它们相互引用。在函数执行完后,这两个对象不再被使用,但它们之间的引用关系无法使用引用计数来回收内存。因此,垃圾回收器会定期运行,查找那些已经不再被引用的对象,然后释放它们所占用的内存空间。

再来一个例子,我们将创建一些对象并解释JavaScript的垃圾回收机制。

// 创建对象
function createPerson(name, age) {
    return {
        name: name,
        age: age,
    };
}

// 创建两个对象
let person1 = createPerson("Alice", 30);
let person2 = createPerson("Bob", 35);

// person1 和 person2 变量引用了两个新创建的对象,这些对象在内存中是可达的

// 现在将 person1 引用另一个对象
person1 = createPerson("Charlie", 28);

// 之前 person1 引用的 "Alice" 对象现在已经不再可达,因为没有变量引用它
// JavaScript的垃圾回收器会识别到这一点,并在合适的时机释放其内存

// 创建一个循环引用
let objA = {
    name: "ObjA",
};
let objB = {
    name: "ObjB",
};
objA.link = objB;
objB.link = objA;

// 将变量设置为 null,打破可达性
objA = null;
objB = null;

// 现在 objA 和 objB 对象都不再可达,即使它们彼此引用
// 使用标记-清除算法的垃圾回收器会识别到这一点,并释放它们占用的内存

在这个例子中,我们创建了几个对象并对它们进行了引用。当一个对象不再可达时,它就成为了垃圾回收的目标。对于循环引用的情况,标记-清除算法可以识别到并正确处理这种情况,释放不再使用的对象所占用的内存。

 

注意:不同的JavaScript引擎可能采用不同的垃圾回收策略,如V8SpiderMonkeyJavaScriptCore等。

原文链接:https://www.cnblogs.com/ronaldo9ph/p/17305974.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:介绍一下js垃圾回收机制 - Python技术站

(0)
上一篇 2023年4月17日
下一篇 2023年4月17日

相关文章

  • JS中彻底删除JSON对象组成的数组中的元素

    删除JSON对象组成的数组中的元素可以使用数组的splice方法,该方法可以删除数组中指定位置的元素,并且会修改原数组。以下是彻底删除JSON对象组成的数组中的元素的步骤: 找到要删除的JSON对象在数组中的位置 可以使用数组的indexOf方法来找到要删除的JSON对象在数组中的位置,例如: “`javascriptvar arr = [ {name: …

    JavaScript 2023年5月27日
    00
  • JavaScript实现抖音罗盘时钟

    下面我将详细讲解如何用JavaScript实现抖音罗盘时钟。 准备工作 在编写JavaScript代码之前,我们需要先准备好HTML和CSS文件。HTML文件中包含了页面布局的基本结构,CSS文件中定义了页面对应的样式。具体代码如下: <!DOCTYPE html> <html lang="en"> <hea…

    JavaScript 2023年5月27日
    00
  • Electron调用外接摄像头并拍照上传实现详解

    Electron是一种基于Web技术的框架,可以使用html、js和css等前端技术进行桌面应用的开发。在Electron应用中调用外接摄像头并拍照上传是一个很常见的需求。本文将详细编写实现步骤,分为以下几个部分: 准备工作 在开始之前,需要确保你已经安装了Node.js和Electron相关的依赖。当然,你还需要一台连接着摄像头的电脑,并在浏览器中打开使用…

    JavaScript 2023年6月11日
    00
  • 利用JavaScript编写Python内置函数查询工具

    我来讲解一下”利用JavaScript编写Python内置函数查询工具”的攻略。 步骤一:准备工作 首先,我们需要在网页上嵌入一个文本框和一个按钮,文本框用于输入Python内置函数的名称,按钮用于触发查询操作。这个过程可以通过HTML和JavaScript代码来实现。 <body> <input type="text"…

    JavaScript 2023年5月28日
    00
  • JavaScript中json使用自己总结

    下面是关于“JavaScript中json使用”的攻略: 什么是JSON? JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它可以让数据以易于阅读的形式在程序之间进行传输,包括文本、数字、布尔值、数组和对象等类型的数据。 JSON的格式很简单明了,它由键值对组成,键必须是字符串,值可以是任意数据类型。JSON的语法…

    JavaScript 2023年5月27日
    00
  • 基于three.js实现的3D粒子动效实例代码

    基于three.js实现的3D粒子动效实例代码,需要经过以下步骤: 第一步:引入three.js库和实例代码所需的辅助库 <script src="js/three.min.js"></script> <script src="js/Stats.min.js"></script…

    JavaScript 2023年6月10日
    00
  • JS实现的按钮点击颜色切换功能示例

    我来为您讲解一下实现JS按钮点击颜色切换功能的完整攻略。 准备工作 在开始实现JS按钮点击颜色切换功能前,我们需要做一些准备工作: 在HTML文件中添加按钮,并为按钮添加ID或Class属性,方便JS调用。 编写CSS样式。 引入JS代码文件或写在HTML文件内部。 实现思路 思路很简单,当按钮被点击时,JS监听到了这个点击事件,然后根据当前节点的class…

    JavaScript 2023年6月10日
    00
  • 常用的9个JavaScript图表库详解

    常用的9个JavaScript图表库详解 1. Chart.js Chart.js 是一个使用 HTML5 canvas 元素创建图表的 JavaScript 库。它可以绘制多种类型的图表,例如线性图、柱状图、饼图等等。 Chart.js 具有良好的文档和易于使用的 API。它适合初学者和有经验的开发者。 以下是一个简单的例子: <canvas id=…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部