【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出

本文链接：https://blog.youkuaiyun.com/qq_44291585/article/details/122026034

📒 博客首页：✎﹏ℳ๓敬坤的博客 🎈
😊 我只是一个代码的搬运工 🎃
🎉 欢迎来访的读者关注、点赞和收藏 🤞
😉 有问题可以私信交流 😆
📃 文章标题：JavaScript之深入浅出理解内存泄漏和内存溢出 🖍

内存泄漏和内存溢出

了解内存泄露和内存溢出之前，我们得知道什么是内存！下面就会详细讲解什么内存

什么是内存

内存(Memory)是计算机的重要部件之一，也称内存储器和主存储器，它用于暂时存放CPU中的运算数据，与硬盘等外部存储器交换的数据。它是外存与CPU进行沟通的桥梁，计算机中所有程序的运行都在内存中进行，内存性能的强弱影响计算机整体发挥的水平。只要计算机开始运行，操作系统就会把需要运算的数据从内存调到CPU中进行运算，当运算完成，CPU将结果传送出来。

内存的运行也决定计算机整体运行快慢的程度。

内存条由内存芯片、电路板、金手指等部分组成。

在项目中我们打开任务管理器=>性能，这里就有我们内存的使用情况
在这里插入图片描述

内存泄漏和内存溢出

内存是用于暂时存放CPU中的运算数据，与硬盘等外部存储器交换的数据。既然是用来存储数据那么就会出现内存泄漏和内存溢出的情况！可能大家会觉得泄漏和溢出不是一样的吗🤣接下来就会详细讲解什么是内存泄漏，什么是内存溢出，以及他们的区别

内存溢出

内存溢出（out of memory）：一种程序运行出现的错误。当程序运行需要的内存超过剩余的内存时，就会抛出内存溢出的错误。当我们定义一个变量时，程序会给他对应的内存。当然程序分配的内存是由极限的，当我们不停为变量不停的不停的给它添加数据，就会超出这个极限。于是程序就会崩溃，我们称这个过程到结果叫内存溢出

如下，我们有一个杯子，里面有一些水，我们一直往杯子里倒水，会出现什么情况呢🤔没错，会出现水会从杯子里面溢出来，如下下图一样。当我们做出把水倒出杯子，被家长看到，家长就会告诉你们这是错误的行为，严重的可能还会打你一顿。

在这里插入图片描述

上面举了一个例子，下面上代码，让我们看看什么是内存溢出吧🧐

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		你好
		<script type="text/javascript">
			var obj=[]
		</script>
	</body>
</html>

这是我们定义了变量obj，给obj分配了空间，obj并没有数据，这个时候我们运行代码是正常的，如下：
在这里插入图片描述
当我们疯狂的obj添加数据，如下：

for(let i=0;i<10000;i++){
	obj.push(new Array(1000000))
}

这个时候页面就崩溃了，变成下面这样子了
在这里插入图片描述
这就是内存溢出导致我们的程序报错，崩溃了！

内存泄漏

内存泄漏：占用的内存没有及时释放，内存泄漏积累得多了就会导致容易内存溢出。当我们定义一个全局变量时，系统就会给这个变量分配内存，然而这个变量，一直占用了一个块地方，没有让出地盘，这种情况我们称它为内存泄漏

如下这是我们平时的内存4.3G：
在这里插入图片描述
接下来，看一下我们使用了全局变量没有释放资源会怎么样🤔
代码如下：

window.abc=10
console.log(window.abc)

如下，我们清晰的看到内存比刚刚多了0.3G，这就是内存泄漏
在这里插入图片描述
我们在看看释放资源会发生什么呢🤔

window.abc=null

过了一会内存又变少了要变回平时的样子
在这里插入图片描述

到了这里就可以总结一下了，内存溢出和内存泄露的区别了

总结

内存泄漏指的是占用的内存没有及时的释放

内存溢出指的是需要的内存超过剩余的内存

内存泄漏不一定会内存溢出，但是内存泄漏过多就会造成内存溢出

【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出

目录

内存泄漏和内存溢出

什么是内存

内存泄漏和内存溢出

内存溢出

内存泄漏

总结