内存溢出

一种程序运行出现的错误，也就是说遇到这种情况程序是不能运行的。当程序运行需要的内存超过了剩余的内存时, 就出抛出内存溢出的错误

例如：

// 1. 内存溢出
  var obj = {}
  for (var i = 0; i < 10000; i++) {
    obj[i] = new Array(10000000)
    console.log('-----')
  }

  

 

  
1
  
2
  
3
  
4
  
5
  
6
 

内存泄露

内存泄漏是指占用的内存没有及时释放，内存泄露积累多了就容易导致内存溢出，所以说内存泄漏不一定会导致程序错误而停止，但对程序运行是有坏处的。

常见的内存泄露:

• 意外的全局变量
• 没有及时清理的计时器或回调函数
• 闭包

①意外的全局变量

  // 意外的全局变量
  function fn() {
    a = new Array(10000000)
    console.log(a)
  }
  fn()

  

 

  
1
  
2
  
3
  
4
  
5
  
6
 

如果不用或者说不小心没用var来声明变量(在ES6之后一般使用let)那么就会声明一个全局变量，而这些全局变量因为没有被及时释放，会占用内存，容易造成内存溢出。

解决办法：使用var 或 let 去声明变量。

②没有及时清理的计时器或回调函数

// 没有及时清理的计时器或回调函数
setInterval(function () { //启动循环定时器后不清理
    console.log('----')
  }, 1000)

  

 

  
1
  
2
  
3
  
4
 

因为这个计时器没过1s就会执行一遍，这个执行过程也是需要内存支持的。如果在达到目的之后没有关闭计数器，就会造成内存泄漏。

解决办法：

  var intervalId = setInterval(function () { //启动循环定时器后不清理
    console.log('----')
  }, 1000)

  clearInterval(intervalId)

  

 

  
1
  
2
  
3
  
4
  
5
 

③闭包

    // 闭包
  function fn1() {
    var a = 4
    function fn2() {
      console.log(++a)
    }
    return fn2
  }
  var f = fn1()
  f()

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
 

解决办法：

  function fn1() {
    var a = 4
    function fn2() {
      console.log(++a)
    }
    return fn2
  }
  var f = fn1()
  f()

  f = null  //被回收，即时释放内存

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

文章来源: blog.csdn.net，作者：十八岁讨厌编程，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/zyb18507175502/article/details/124120491