大厂面试必问：内存泄漏和内存溢出的区别？

程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存。对于持续运行的服务进程，必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。不再用到的内存，没有及时释放，就是内存泄漏（memory leak）。而内存溢出（out of menory），指的是程序需求的内存，超出了系统所能分配的范围。

一、内存泄漏（memory leak）

内存泄漏是每个开发者最终都要面对的问题，它是许多问题的根源：反应迟缓，崩溃，高延迟，以及其他应用问题。

1. 概念

应用程序不再需要占用内存的时候，由于某些原因，内存没有被操作系统或可用内存池回收。

2. 常见内存泄漏

意外的全局变量JS中对于未声明的变量，会在全局范围中创建一个新的变量来对其进行引用。在浏览器中，全局对象是window。

function fn() {

a = 3

console.log(a)

}

fn()

没有及时清理的循环计时器

var intervalId = setInterval(function () {

console.log( '----')

}, 1000)

//未清除当前循环定时器 cLearInterval(intervaLId)

 

闭包未释放闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。当闭包被使用，内部函数使用了外部函数的变量，就会造成内存泄漏。

function fn1() {

var a = 1

function fn2() {

var b = ++a

console.log(b)

}

return fn2

}

var f = fn1()

f()

//释放闭包 f = null

3. 怎样避免内存泄漏

减少不必要的全局变量，或者生命周期较长的对象，及时对无用的数据进行垃圾回收；

注意程序逻辑，避免“死循环”之类的；

避免创建过多的对象 原则：不用了的东西要及时归还。

二、垃圾回收机制

因为不是所有无用对象内存都可以被垃圾回收机制回收的，那当不再用到的内存，没有及时回收时，我们叫内存泄漏。那么我们接下来了解下垃圾回收机制。

1.垃圾如何产生？又如何判断垃圾？

简单来说垃圾就是程序不用的内存或者是之前用过了，以后不会再用的内存空间。如何判断垃圾就是看这个对象能否被访问，那如何知道对象能否被访问？有一个专业的词叫可达性。根据对象是否可达来判断。可达就不需要被回收，不可达就需要被回收。

let obj= {name: 'zs'}

obj = [1, 2, 3]

在js中数据分基本数据类型和引用数据类型，引用数据类型在栈中保存的是引用，实际是存储在堆中的。在上面的例子中我们首先创建了一个obj变量指向对象{name: 'zs'}，然后又把obj指向了新的数组[1, 2, 3]，所以之前的{name: 'zs'}就不可能被访问到了(没有了可达性)，就变成了垃圾。

2.为什么要垃圾回收？

从上面的例子可以看出产生了垃圾就会导致浪费内存空间，一个两个还好，多了的话我们的程序可能会越来越卡顿，到最后崩溃。所以就需要垃圾回收机制来帮我们自动清理没用的垃圾，释放出更多的内存来给当前程序使用，这样程序就会一直流畅的运行下去。

3.垃圾回收的方式

垃圾回收机制里面最常用的两个方式就是标记清除法和引用计数法。

标记清除法这是目前浏览器大多基于标记清除法。我们可以分为两个阶段：标记：从根节点遍历为每个可以访问到的对象都打上一个标记，表示该对象可达。清除：在没有可用分块时，对堆内存遍历，若没有被标记为可达对象就将其回收。

引用计数法引用计数法就是追踪每个变量被引用的次数，当引用数为0将可以被回收掉。

三、内存溢出（out of menory）

一种程序运行出现的错误，当程序运行需要的内存超过剩余内存时就会抛出内存溢出的错误。

1.概念

程序要求的内存，超出了系统所能分配的范围。

2.举例

var arr=[]

for (let i = 0; i < 1000000; i++) {

arr[i] = new Array(1000000)

}

//网页直接崩溃，错误代码：Out of Memory

四、实际项目中出现的内存溢出

VUE项目开发时间长了，随着项目越来越大，打包的时间也相应的变长，打包时的内存也增多了。这时候产生了一个问题，在发布项目的时候，会出现类似如下错误的提示。

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

out of memory内存溢出，使用内存时只能使用部分内存（64位系统：1.4 GB，32位系统：0.7 GB），这个时候，如果前端项目非常的庞大，Webpack编译时就会占用很多的系统资源，如果超出了V8引擎对默认的内存限制大小时，就会产生内存溢出的错误。

解决办法如下：

// 安装两个npm包 ：cross-env increase-memory-limit

// npm install cross-env increase-memory-limit

// 再package.json中添加fix-memory-limit命令

"scripts": {

"serve": "vue-cli-service serve",

"build": "vue-cli-service build",

"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit",

},

/*

操作完以上步骤之后，可能会报错 “node –max-old-space-size=4096不是内部或外部命令``”该问题的解决办法：

在项目的node_modules.bin下面找到所有的*.cmd文件，

在ENDLOCAL语句的上边一行，修改"%_prog%" 改为 %_prog%, 去掉双引号。

*/

// LIMIT是你想分配的内存大小，然后执行npm run fix-memory-limit。

再执行npm run serve重新启动项目，就不会再内存溢出了。

五、总结

内存泄漏积累过多最终会导致内存溢出，因为系统中的内存是有限的，如果过度占用资源而不及时释放，最后会导致内存不足，从而无法给所需要存储的数据提供足够的内存，从而导致内存溢出。