JavaScript的内存管理

1.什么是内存管理?

在了解JavaScript的内存管理之前,可以先大致熟悉一下什么是内存管理,不管什么样的编程语言,在其代码执行的过程中都是需要为其分配内存的。

不管什么样的编程语言,以及它用什么方式来管理内存,其内存的管理都具备以下的生命周期

  • 申请内存:分配其需要的内存。
  • 使用内存:使用分配的内存。
  • 释放内存:使用完毕后,对其进行释放。

但是不同的编程语言对内存的申请和释放会有不同的实现,主要分为手动和自动管理内存

  • 手动管理内存:像C、C++等一些接近底层的编程语言,都是需要手动来申请和释放内存(malloc函数用于申请内存、free函数用于释放内存)。
  • 自动管理内存:像Java、JavaScript、Python等一些高级编程语言,都是自动帮助我们管理内存的。

2.JavaScript的内存分配

通过上面对内存管理的简单介绍可以知道,JavaScript是自动管理内存的,所以在我们编写JS代码定义变量时就会为其分配内存。

根据JavaScript不同的数据类型,会对其分配到不同的内存空间中,数据类型主要分为基本数据类型复杂数据类型

  • 对于基本数据类型的内存分配会在执行时,直接在栈空间中进行分配。

    • 基本数据类型(也称值类型):string、number、boolean、undefined、null、symbol;
  • 对于复杂数据类型的内存分配会在堆内存中开辟一块空间,变量引用其内存地址
    • 复杂数据类型(也称引用类型):object、function、array;

以下代码在内存结构中的表现形式如下:

const name = 'curry'
const age = 30
const info = {
name: 'kobe',
age: 24
}

3.JavaScript的垃圾回收机制

在管理内存的生命周期中是包括内存的释放,因为我们的内存大小是有限的,所以当代码执行完毕,不再需要内存的时候,那么就需要对其进行内存释放,以便腾出更多的内存空间给其它的应用程序使用。

  • 而在手动管理内存的编程语言中,需要自己通过一些方式来释放不再需要的内存,这样就需要编写专门用于管理内存的代码,不仅影响编写代码的效率,管理不当也有可能产生内存泄露
  • 所以大部分现代的编程语言都是有自己的垃圾回收机制的,那么什么是垃圾回收机制?
    • 垃圾回收(Garbage Collection,简称GC),就是对于那些不再使用的数据,都可以称之为垃圾,需要通过回收来释放内存空间;
    • 在JavaScript的运行环境JS引擎中就存在垃圾回收的功能模块,这个功能模块就称为垃圾回收器
  • 那么这里就可以提出一个疑问,GC是如何找到不再使用的数据,并对其进行内存回收呢?
    • 这里就用到了GC算法,下面介绍两种常见的GC算法

4.两种常见的GC算法

4.1.引用计数

什么是引用计数?

当一个对象有一个引用指向它时,那么这个对象的引用就加1,并且将其引用次数保存起来,而当一个对象的引用为0时,那么这个对象就可以被销毁了(回收)。

示例代码:

  • person1的引用次数为3;
  • person2和person3的引用次为1;
let person1 = { name: 'curry' }

let person2 = {
name: 'kobe',
friend: person1
} let person3 = {
name: 'klay',
friend: person1
}

内存表现:

如果接着执行person3 = null,那么person3的引用指向次数就会减1,变为0,从而销毁。而person3销毁后person1也会失去person3的指向,引用指向次数也会减1,变为2。

缺点:但是引用计数这个GC算法,存在一个很大的弊端,就是当出现循环引用时,就无法进行正确的回收,导致内存泄露,如下示例代码:

  • curry的好朋友是klay,巧合的是klay的好朋友是curry,这样就出现了对象的循环引用;
let person1 = {
name: 'curry',
friend: person2
} let person2 = {
name: 'klay',
friend: person1
}

内存表现:

  • 即使执行person1 = null; person2 = null,person1和person2对象的引用次数依然为1;
  • 所以引用计数就无法很好的处理这种情况了;

4.2.标记清除

什么是标记清除?

这个算法设置了一个根对象(root object),GC会定期从这个根对象开始往下查找有引用到的对象,而对于那些没有引用到的对象,也就是没有查找到的对象,就认为是需要进行回收的对象。

标记清除的一大优势就是可以很好的解决循环引用的问题,如下图:

  • 标记清除算法首先会从root object往下开始查找引用到的对象;
  • 而对于object6和object7进行了循环引用了的对象,是查找不到的,就会被视为回收对象,从而被GC回收;
  • 目前的JS引擎的GC核心采用的比较多的算法就是标记清除,类似于V8引擎不单单只是用了标记清除,同时也结合了一些其它的算法来应对更多的情况;

JavaScript的内存管理的更多相关文章

  1. JavaScript 之垃圾回收和内存管理

    JavaScript 具有自动垃圾收集机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存.而在 C 和 C++ 之类的语言中,开发人员的一项基本 ...

  2. 《JavaScript 闯关记》之垃圾回收和内存管理

    JavaScript 具有自动垃圾收集机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存.而在 C 和 C++ 之类的语言中,开发人员的一项基本 ...

  3. javascript 变量,作用域,内存管理小结

    js的变量保存两种类型的数据——基本数据类型与引用类型.具有以下几点特征:   变量: 1)基本类型值在内存中占固定大小的空间,因此被保存在栈内存中; 2) 把保存基本类型值得变量赋给另一个变量,会创 ...

  4. 160930、Javascript的垃圾回收机制与内存管理

    一.垃圾回收机制-GC Javascript具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存. 原理:垃圾收集器会定期(周期性 ...

  5. 如何避免JavaScript的内存泄露及内存管理技巧

    发表于谷歌WebPerf(伦敦WebPerf集团),​​2014年8月26日. 高效的JavaScript Web应用必须流畅,快速.与用户交互的任何应用程序,都需要考虑如何确保内存有效使用,因为如果 ...

  6. [原创作品]Javascript内存管理机制

    如果你也喜欢分享,欢迎加入我们:QQ group:164858883 内存策略:堆内存和栈内存栈内存:在函数中定义的一些基本类型的变量和对象的引用变量都是在函数的栈内存中分配.当在一段代码块中定义一个 ...

  7. javascript中的内存管理和垃圾回收

    前面的话 不管什么程序语言,内存生命周期基本是一致的:首先,分配需要的内存:然后,使用分配到的内存:最后,释放其内存.而对于第三个步骤,何时释放内存及释放哪些变量的内存,则需要使用垃圾回收机制.本文将 ...

  8. 深入学习javaScript闭包(闭包的原理,闭包的作用,闭包与内存管理)

    前言 虽然JavaScript是一门完整的面向对象的编程语言,但这门语言同时也拥有许多函数式语言的特性. 函数式语言的鼻祖是LISP,JavaScript在设计之初参考了LISP两大方言之一的Sche ...

  9. JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏

    摘要: 作者将自己常用的JavaScript模块分享给大家. 原文:JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏 作者:前端小智 Fundebug经授权转载,版权归原作者所有. ...

随机推荐

  1. 1052 - String Growth

    1052 - String Growth    PDF (English) Statistics Forum Time Limit: 2 second(s) Memory Limit: 32 MB Z ...

  2. sql-labs 1-14

    less-1: 1.采用二分法进行猜列: http://192.236.147.191:30000/Less-1/?id=1' order by 10--+ Welcome    Dhakkan Un ...

  3. Java 计算加几个月之后的时间

    Java 计算加几个月之后的时间 public static Date getAfterMonth(String inputDate,int number) { Calendar c = Calend ...

  4. vue使用自定义指令v-dialogDrag来控制element ui中el-dialog的拖动缩放,拉伸问题

    1 在vue的utils中新建一个dialogDrag.js import Vue from 'vue' Vue.directive('dialogDrag', { bind(el, binding, ...

  5. 图像处理opencv-Rect 排序、合并[转]

    opencv进行rect检测时,当检测到多个rect,组成rect vector之后,有些rect是由一个区域误分割得到的, 可以按照某种规格将这些rect合并为一个rect.比如按照x,y,widt ...

  6. 编写Java程序,模拟文件操作过程中的异常处理

    返回本章节 返回作业目录 需求说明: 从控制中输入计算机磁盘中后缀名为".txt"的文件的完整物理路径. 如果该文件存在,则在控制台输出友好提示信息,告知用户该文件存在,如果文件不 ...

  7. SpringCloud创建Gateway模块

    1.说明 本文详细介绍Spring Cloud创建Gateway模块的方法, 基于已经创建好的Spring Cloud父工程, 请参考SpringCloud创建项目父工程, 和已经创建好的Eureka ...

  8. .net core中Grpc使用报错:The response ended prematurely.

    当我们调用Grpc是出现下面的一堆异常时,一般是由于LTS导致的: Call failed with gRPC error status. Status code: 'Unavailable', Me ...

  9. PowerShell 管道符之Select的使用方法【一】

    之前我文章中我们略微提到过管道符的操作,但并不多,这篇主要讲解一下详细的使用方法 假设我们要对数组中的数字1-10中我想要从右往左换句话说就是从字符串最后一个字开始倒过来往前数截取6个子字符串时可以这 ...

  10. vue中computed的作用以及用法

    在vue中computed是计算属性,主要作用是把数据存储到内存中,减少不必要的请求,还可以利用computed给子组件的data赋值. 参考地址:https://www.jianshu.com/p/ ...