目录

内存泄漏和内存溢出

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

什么是内存

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

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

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

在项目中我们打开任务管理器=>性能,这里就有我们内存的使用情况
【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出

内存泄漏和内存溢出

内存溢出

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

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

<!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并没有数据,这个时候我们运行代码是正常的,如下:
【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出
当我们疯狂的obj添加数据,如下:

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

这个时候页面就崩溃了,变成下面这样子了
【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出
这就是内存溢出导致我们的程序报错,崩溃了!

内存泄漏

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

如下这是我们平时的内存4.3G:
【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出

代码如下:

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

如下,我们清晰的看到内存比刚刚多了0.3G,这就是内存泄漏
【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出

window.abc=null

过了一会内存又变少了要变回平时的样子
【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出

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

总结

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

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

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