js的内存释放初步理解

Posted 2020-08-27 花花

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js的内存释放初步理解相关的知识，希望对你有一定的参考价值。

1.堆内存:定义对象或函数,首先都会开一个堆内存且有一个引用地址,如果有变量知道了这个引用地址,我们就说该堆内存被占用了,不能被销毁
2.堆内存释放或销毁:把所有知道该引用地址的变量赋值null,即没人知道该引用地址,浏览器就会在空闲的时候销毁它,也叫垃圾回收
3.栈内存:有两种类别,全局作用域和私有作用域
4.全局作用域的栈内存:页面关闭的时候,才会销毁
5.私有作用域的栈内存(只有函数执行的时候才有私有作用域):
　　a.一般情况:函数执行会形成一个新的私有作用域,当私有作用域的代码执行完之后,栈内存会自动销毁和释放
　　b.特殊情况:私有作用域的部分内存被其他作用域知道了,那么该栈内存就属于被占用,不会被销毁,常见的两种情况:
　　　　5.1.函数执行返回一个引用类型的值,且在别的作用域被接收了,该栈内存不会被销毁
　　　　5.2.私有作用域中,给DOM元素的事件绑定方法,该栈内存不会被销毁

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <script>
  var obj = {
    a: 1
  };
  // 开辟了一个堆内存,引用地址赋值给了obj
  obj = null;
  // {a:1}的堆内存引用地址没有人知道了,浏览器在空闲时间就回收了这个内存
  function fn() {
    console.log(obj);
  }
  // fn执行的时候,产生一个私有作用域,执行完因为返回值不是引用类型且没有dom元素绑定方法,私有作用域的栈内存销毁
  fn();

  function tn() {
    return function() {}
  }
  // fn执行的时候,产生一个私有作用域,执行完因为返回值是引用类型,也就是t知道了返回值的引用地址,而返回值存在于私有作用域,那么私有作用域不能被销毁
  var t = tn();
  // tn返回一个函数,虽然没有变量知道其引用地址,但是因为还要被执行一次,所以暂时不销毁,当返回值执行完成之后,浏览器空闲时间会销毁私有作用域
  tn()();

  function en() {
    document.body.onblur = function() {
      document.title = "/(ㄒoㄒ)/~~"
    }
    document.body.onfocus = function() {
      document.title = "（づ￣3￣）づ╭?～"
    }
  }
  // 因为执行的时候 里面dom元素绑定方法,所以产生的私有作用域也不会被销毁
  en()
  </script>
</body>

</html>

点击查看详情

以上是关于js的内存释放初步理解的主要内容，如果未能解决你的问题，请参考以下文章

WKWebView与js交互中产生的内存泄漏