【JS深层解析】内存

前言

接触过 C 语言的小伙伴应该了解：C语言拥有底层最原始的内存管理办法，例如：malloc() 和 free()方法，它们被开发者用来从操作系统中分配和释放内存。

然而在JavaScript这门语言中，当我们创建了一个东西（可以被读写、传递的数据），浏览器中的 js 引擎会根据创建这个东西的数据类型进行内存的分配：基本数据类型在栈区分配内存，引用数据类型在堆区分配内存。当创建的这个东西不再使用时，浏览器会将其“自动”释放，这个过程被称作“垃圾回收”。

一般情况下，系统为了使程序运行时占用的内存最小，会找出不再使用的变量或没有引用关系的对象，然后释放其所占用的内存；这种自动化的内存管理方式，大大降低了开发过程中对于JS内存的管理成本；但这个过程不是实时的，因为其开销比较大，所以垃圾回收器（GC）是按照固定的时间间隔周期性的执行。

由于JS中垃圾自动回收机制的存在，所以给很多开发人员造成了一种假象：在JS中开发过程中，我们不需要考虑内存分配以及无用内存回收的问题了。这个假想在以前可能并不存在问题，但是现在，随着业务的不断复杂化，单页面应用（SPA）、移动HTML5应用和Node.js程序应用等等的发展，JS中的内存问题所导致的卡顿、内存溢出以及内存泄漏等现象便不再陌生，也使得JS内存管理变得重要起来。

所以，在使用JavaScript进行开发的过程中，了解JavaScript内存机制有助于开发人员能够清晰的认识到自己写的代码在执行的过程中发生过什么，也能够提高项目的代码质量。

一、一个好的内存管理是什么样的呢？

1. JS内存的使用保持在较低水平

   如果浏览器的内存使用过高，容易导致浏览器崩溃。内存泄漏，导致内存无法被浏览器回收，也是引起内存使用过高的重要原因

2. 不频繁的触发浏览器的内存回收操作

   浏览器是单线程的，垃圾回收操作时，会阻碍浏览器正常程序的执行，所以，频繁触发GC，会影响页面的流畅度，尤其在动画的执行过程中，卡顿感更加明显

二、内存生命周期

不管使用的是哪种开发语言，内存的生命周期大致相同：Allocate memory(分配内存) --> Use memory(使用内存) --> Release memory(释放内存)

• 分配内存(Allocate memory)

  当我们申明变量、函数、对象的时候，系统会自动为它们分配内存

  注：在基础语言如C语言中，这是一个开发者自己处理确操作；但在高级语言如:JS、Java中，它已经为你处理好。

• 使用内存(Use memory)

  读写内存，也就是使用变量、函数等。

• 释放内存(Release memory)

  如果内存不在被需要，就把它释放掉，以便内存能够被再次使用（与分配内存的操作一样，这种操作在基础语言中是明确执行的）

例子诠释内存的生命周期：

var a = 10;  // 在内存中给数值变量分配空间
alert(a + 20);  // 使用内存
var a = null; // 使用完毕之后，释放内存空间

注：垃圾回收算法依靠的主要概念就是引用。在内存管理的上