JavaScript的垃圾回收机制与内存管理

如果我们想要优化性能，首先我们必须得了解JavaScript中的垃圾回收机制，这样可以将很多没有被使用到的变量从内存中清除掉，腾出更多的内存空间，给别的变量分配内存空间。

JavaScript中的垃圾回收机制

引言

本篇文章将讲解一下javascript的垃圾回收机制。同时，我们必须先具备作用域链的概念，不懂的小伙伴可以先花5分钟观看一下这篇文章，简单了解一下作用域链的知识——从零开始讲解JavaScript中作用域链的概念及用途

正文

一、垃圾回收机制

在JavaScript中，具有自动垃圾回收机制，也就是说执行环境会自动负责管理代码执行过程中的内存使用情况，会自动清除一些没有用的变量，以此来释放内存。该机制每隔一段时间会执行一次。

例如下面这段代码，函数 change 在执行时，声明了一个局部变量my_color，然后等函数执行完毕以后，这个局部变量也没有作用了，所以这时垃圾回收机制就会将这个没用的的局部变量my_color给清除掉。

let color = 'red'

function change() {
	let my_color = 'blue'
	color = 'green'
}

change()

JavaScript中能实现这样的垃圾回收的功能的一共有两种方式： 标记清除 、引用计数

（1）标记清除

标记清除是JavaScript中最常用的垃圾回收方式。它的实现方式是这样的，当代码执行在一个环境中时，每声明一个变量，就会对该变量做一个标记，例如标记一个进入执行环境；当代码执行进入另一个环境中时，也就是说要离开上一个环境，这时对上一个环境中的变量做一个标记，例如标记一个离开执行环境，等到垃圾回收执行时，会根据标记来决定要清除哪些变量。

（2）引用计数

引用计数是一种不太常用的垃圾回收方式。顾名思义，就是针对值为引用类型数据的变量进行计数，那么我们先来看一下以下这个例子，来理解一下这个方式的实现方式

let color = [1, 2, 3]

function change() {
	let new_color = [4, 5, 6]
	color = new_color
}

change()

console.log(color) //返回 [4, 5, 6]

这个例子中的函数change内部声明了一个变量new_color，并将一个引用类型值赋值给它，同时又将变量new_color赋值给了全局变量color，那么这种情况下，这个局部变量new_color就不会被当成垃圾回收了，因为此时的变量new_color并不是一个无用的局部变量了，它被全局变量color所引用了。

那么为什么变量new_color不会被当成垃圾回收呢？其实引用计数的垃圾回收方式是这样的，当声明一个变量时，会给该变量设定一个值为0的引用次数，当该变量被别的变量所引用，就将引用次数+1，若取消了原本的引用，则引用次数-1，而垃圾回收机制就是判断一个变量的值的引用数是否为0，如果为0，就被当成无用变量给回收掉，如果不为0，则不对该变量做任何的处理。

二、管理内存

有时我们需要手动管理一下内存的分配和清除，应该很好理解，如果有更大的内存空间，因为可以给更多的变量分配内存，就会提高代码运行的效率，增加线程中能够执行的代码语句的数量。

所以我们要确保占用更少的内存使得页面获得更好的性能，就可以只将需要用到的数据保存到变量中，一旦数据不再使用，我们可以通过给变量赋值null来释放数据的引用，这种方法就叫做解除引用。这种方法大多数是用于全局变量，因为局部变量一般在离开环境以后就会被自动清除。

我们来改变一下上面这个例子，使得变量new_color被引用完后，当成无用变量给清除掉

let color = [1, 2, 3]

function change() {
	let new_color = [4, 5, 6]
	color = new_color
}

change()

console.log(color) //返回 [4, 5, 6]

color = null

在这个例子中，函数change内部声明的变量new_color被全局变量color所引用，所以此时变量new_color的引用次数为1，我们为了让变量new_color被清除，所以在代码的最后一行，赋值一个null给全局变量color，手动解除了变量color对变量new_color的引用，此时变量new_color的引用次数-1，所以啊当前它的引用次数为0了。当垃圾回收机制执行的时候，发现它的引用次数为0，就把该变量当成无用变量给清除了，释放了内存。

结束语

理解了js的垃圾回收机制，我们才能修改代码对性能进行优化 。好了，JavaScript的垃圾回收机制的讲解就讲到这里，希望对大家有所帮助。

我是前端Lpyexplore，原创不易，喜欢我的文章的点个关注，甩个赞，不嫌麻烦的评论支持一下，谢谢大家啦~

到此这篇关于JavaScript的垃圾回收机制与内存管理的文章就介绍到这了,更多相关JavaScript的垃圾回收机制内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 浅谈JavaScript 执行环境、作用域及垃圾回收

    浅谈JavaScript 执行环境、作用域及垃圾回收

    执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有一个与之关联的变量对象. 全局执行环境是最外围的一个执行环境.根据JavaScript实现所在的宿主环境不同,表示执行环境的对象也不一样.在Web浏览器中,全局执行环境被认为是window对象.因此,所有的全局变量和函数都是作为window对象的属性和方法创建的. 变量对象:环境中定义的所有变量和函数都保存在这个对象中. 作用域链:当代码在一个环境中执行时,会创建变量对象的一个作用域链.作用域链的用途是保证对执行环

  • 对于js垃圾回收机制的理解

    原理 找到不再被使用的变量,然后释放其占用的内存,但这个过程不是时时的,因为其开销比较大, 所以垃圾回收器会按照固定时间间隔周期性的执行 回收方式 a.标记清除 当变量进入环境时,将这个变量标记为"进入环境";当变量离开环境时,则将其标记为"离开环境". 标记"离开环境"的就回收内存 b.引入计数(低级浏览器) 当变量声明,第一次赋值时记为1,然后当这个变量值改变时,记录为0,将计数为0的回收 内存泄露 a.意外的全局变量引起的内存泄露 原因:

  • 跟我学习javascript的垃圾回收机制与内存管理

    跟我学习javascript的垃圾回收机制与内存管理

    一.垃圾回收机制-GC Javascript具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存. 原理:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存. JavaScript垃圾回收的机制很简单:找出不再使用的变量,然后释放掉其占用的内存,但是这个过程不是实时的,因为其开销比较大,所以垃圾回收器会按照固定的时间间隔周期性的执行. 不再使用的变量也就是生命周期结束的变量,当然只可能是局部变量,全局变量的生

  • js的新生代垃圾回收知识点总结

    在进行老生代的标记清除法回收以前,还会有一个新生代的垃圾回收算法执行. 新生代和老生代 所谓新生代,指的是新产生的对象:老生代就是经历过新生代垃圾回收后还"存活"下来的对象. 新生代的垃圾回收算法 Scavenge GC 算法很简单: 1. 我们维护一个列表,老生代对象每次指向一个新生对象的时候,记录下来:每次删除指向的时候,删除记录.(这样我们就知道新生代对象里面,哪些对象是存活的了) 2. 我们把新生代对象的内存平均分开 2 份空间From 和 To 3. 每当有新生对象诞生,就会

  • JavaScript中的垃圾回收与内存泄漏示例详解

    JavaScript中的垃圾回收与内存泄漏示例详解

    前言 程序的运行需要内存.只要程序提出要求,操作系统或者运行时就必须供给内存.所谓的内存泄漏简单来说是不再用到的内存,没有及时释放.为了更好避免内存泄漏,我们先介绍Javascript垃圾回收机制. 在C与C++等语言中,开发人员可以直接控制内存的申请和回收.但是在Java.C#.JavaScript语言中,变量的内存空间的申请和释放都由程序自己处理,开发人员不需要关心.也就是说Javascript具有自动垃圾回收机制(Garbage Collecation). 一.垃圾回收的必要性 下面这段话

  • 深入理解 JS 垃圾回收

    深入理解 JS 垃圾回收

    前言 JS之memoization,memoization 的原理是以参数作为 key,函数结果作为 value, 用对象进行缓存起来,以内存空间换 CPU 执行事件.memoization 的潜在陷阱即是严格意义的缓存有着完善的过期策略,而普通对象的键值对并没有. 用闭包进行缓存的对象的内存空间,不会在函数执行完后被清除,在执行量大和参数多样性的情况下,会造成内存占用且得不到释放. 于是,本篇文章就来讲讲 JS 的垃圾回收. JS 的垃圾回收机制的基本原理是: 找出那些不再继续使用的变量,然后

  • JS闭包、作用域链、垃圾回收、内存泄露相关知识小结

    补充: 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 闭包的特性 闭包有三个特性: 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收 闭包的定义及其优缺点 闭包 是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量 闭包的缺点就是常驻内存,会增大内存使用量,使用不当很容易造成内存泄露. 闭包是javascript

  • 谈谈JavaScript中的垃圾回收机制

    JavaScript 具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中使用的内存. 在编写 JavaScript 程序时,开发人员不用再关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理. 这种垃圾收集机制的原理其实很简单:找出那些不再继续使用的变量,然后释放其占用的内存.为此,垃圾收集器会按照固定的时间间隔(或代码执行中预定的收集时间), 周期性地执行这一操作. 具体到浏览器中的实现,则通常有两个策略,分别为标记清除和引用计数. 一.标记清除 JavaScri

  • JavaScript 垃圾回收机制分析

    在公司经常会听到大牛们讨论时说道内存泄露神马的,每每都惊羡不已,最近精力主要用在了Web 开发上,读了一下<JavaScript高级程序设计>(书名很唬人,实际作者写的特别好,由浅入深)了解了一下JavaScript垃圾回收机制,对内存泄露有了一定的认识. 和C#.Java一样JavaScript有自动垃圾回收机制,也就是说执行环境会负责管理代码执行过程中使用的内存,在开发过程中就无需考虑内存分配及无用内存的回收问题了.JavaScript垃圾回收的机制很简单:找出不再使用的变量,然后释放掉其

  • JavaScript的垃圾回收机制与内存管理

    如果我们想要优化性能,首先我们必须得了解JavaScript中的垃圾回收机制,这样可以将很多没有被使用到的变量从内存中清除掉,腾出更多的内存空间,给别的变量分配内存空间. JavaScript中的垃圾回收机制 引言 本篇文章将讲解一下javascript的垃圾回收机制.同时,我们必须先具备作用域链的概念,不懂的小伙伴可以先花5分钟观看一下这篇文章,简单了解一下作用域链的知识--从零开始讲解JavaScript中作用域链的概念及用途 正文 一.垃圾回收机制 在JavaScript中,具有自动垃圾回

  • 详解JavaScript的垃圾回收机制

    详解JavaScript的垃圾回收机制

    目录 为什么需要垃圾回收(GC) 什么是垃圾回收 垃圾产生 垃圾回收策略 引用计数标记 循环引用引发的问题 解决方法 引用计数算法的优缺点 标记清除算法 核心思想 标记清除算法优缺点 标记整理算法 V8引擎的垃圾回收 回收新生代对象 对象晋升机制 回收老生代对象 参考文档: 总结 为什么需要垃圾回收(GC) 程序和人一样,生活时间长了会产生垃圾,程序在运行过程中也会产生垃圾,垃圾积攒过多后,会导致程序运行速度变慢. 在JavaScript中的字符串.对象.数组等数据的内存是不固定的,只有真正使用

  • 深入理解Java垃圾回收机制以及内存泄漏

    深入理解Java垃圾回收机制以及内存泄漏

    前言 在segmentfault上看到一个问题:java有完善的GC机制,那么在java中是否会出现内存泄漏的问题,以及能否给出一个内存泄漏的案例.本问题视图给出此问题的完整答案. 垃圾回收机制简介 在程序运行过程中,每创建一个对象都会被分配一定的内存用以存储对象数据.如果只是不停的分配内存,那么程序迟早面临内存不足的问题.所以在任何语言中,都会有一个内存回收机制来释放过期对象的内存,以保证内存能够被重复利用. 内存回收机制按照实现角色的不同可以分为两种,一种是程序员手动实现内存的释放(比如C语

  • 深入解析PHP垃圾回收机制对内存泄露的处理

    上次说到了refcount和is_ref,这里来说说内存泄露的情况 复制代码 代码如下: $a = array(1, 2, &$a);unset($a); 在老的PHP版本中,这里就会出现内存泄露,分析如下: 执行第一行,可以知道$a和$a[2]指向的zval refcount=2,is_ref=1 然后执行第二行,$a将会从符号表中被删除,同时指向的zval的refcount--,此时refcount=1,因为refcount!=0,故此zval不会被当做垃圾回收,但是此时我们却失去了$a[2

  • Android垃圾回收机制解决内存泄露问题

    Android垃圾回收机制解决内存泄露问题

    在android编码中,会有一些简便的写法和编码习惯,会导致我们的代码有很多内存泄露的问题,在这里做一个已知错误的总结: 1.编写单例的时候常出现的错误. 错误方式: public class Foo{ private static Foo foo; private Context mContext; private Foo(Context mContext){ this.mContext = mContext; } // 普通单例,非线程安全 public static Foo getInst

  • JavaScript垃圾回收机制(引用计数,标记清除,性能优化)

    JavaScript垃圾回收机制(引用计数,标记清除,性能优化)

    目录 一.前言 二.何为垃圾 三.垃圾回收 四.可达性(Reachability) 五.可达性举例 层次关联 相互关联 可达孤岛 六.垃圾回收算法 引用计数 标记清除 七.性能优化 分代回收 增量收集 空闲收集 八.总结 一.前言 垃圾回收是JavaScript的隐藏机制,我们通常无需为垃圾回收劳心费力,只需要专注功能的开发就好了.但是这并不意味着我们在编写JavaScript的时候就可以高枕无忧了,伴随着我们实现的功能越来越复杂,代码量越积越大,性能问题就变的越来越突出.如何写出执行速度更快,

  • Java垃圾回收机制简述

    Java垃圾回收机制简述

    说到垃圾回收(Garbage Collection,GC),很多人就会自然而然地把它和Java联系起来.在Java中,程序员不需要去关心内存动态分配和垃圾回收的问题,这一切都交给了JVM来处理. 顾名思义,垃圾回收就是释放垃圾占用的空间,那么在Java中,什么样的对象会被认定为"垃圾"?那么当一些对象被确定为垃圾之后,采用什么样的策略来进行回收(释放空间)?在目前的商业虚拟机中,有哪些典型的垃圾收集器?下面我们就来逐一探讨这些问题.以下是本文的目录大纲: 如何确定某个对象是"

  • 简单谈谈PHP的垃圾回收机制

    1.每一个变量定义时都保存在一个叫zval的容器里面,这里面包含了数量的类型和和值,还包含了一个refcount(理解为存在几个变量个数)和is_ref(理解为是否为引用变量)两个额外信息,当变量被引用一次refcount就会+1,当你unset一下之后这个值就会减1直到为0就会从内存中删除 2.定义一个变量的时候并不是每次都会扩大预定于值,因为PHP会在内存中先预占用一个空间,等你声明变量的时候就会分配给你,但是当你超出这个预占用空间之后,那么它就会增加空间,但是等你删除变量时候这个空间容量不

  • python的内存管理和垃圾回收机制详解

    python的内存管理和垃圾回收机制详解

    简单来说python的内存管理机制有三种 1)引用计数 2)垃圾回收 3)内存池 接下来我们来详细讲解这三种管理机制 1,引用计数: 引用计数是一种非常高效的内存管理手段,当一个pyhton对象被引用时其引用计数增加1,当其不再被引用时引用计数减1,当引用计数等于0的时候,对象就被删除了. 2,垃圾回收(这是一个很重要知识点): ①  引用计数 引用计数也是一种垃圾回收机制,而且是一种最直观,最简单的垃圾回收技术. 在Python中每一个对象的核心就是一个结构体PyObject,它的内部有一个引

随机推荐