js的垃圾回收机制

最新推荐文章于 2022-12-27 10:59:22 发布

yang114544

最新推荐文章于 2022-12-27 10:59:22 发布

阅读量1.5k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/yang114544/article/details/118053295

版权

一.js的垃圾回收机制简单的讲解：

1.首先我们要知道javascript有一个好处就是不需要手动的去进行垃圾回收，在js引擎中自带了一个垃圾回收的功能的，在开发中无需考虑如何分配内存，怎样去对没有用的东西进行回收。

2.简单点来说其实回收内存就是回收有关于值这方面的内存。

3.js垃圾回收机制的原理：1.找出不在使用的变量 2.释放其占用的内存 3.垃圾回收不是一直在做的是有固定的时间间隔运行的。

4.所谓的垃圾回收机制并不是狭义的对某一个变量进行处理，我们是对内存当中存储的值进行处理的。

5.变量的生命周期的概念，不在使用的变量到底是如何被回收掉的，存在生命周期的变量是什么，一般来说我们说有生命周期的变量就是函数内部的变量，就是局部变量，而全局变量一般只有浏览器关闭才会关闭。

6.在函数中声明的局部变量在函数调用之后就会被销毁，一个小案例解释一下：

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>js的垃圾回收机制</title>
</head>

<body>
  <script>
    function show1() {
      var a = 1;
      function show2() {
        a++;
        console.log(a)
      }
      show2();//在这里调用完show2之后变量a就不存在了
    }
    show1();//这里输出的是2
    show1();//这里输出的是2 所以每次调用show1时输出的只会是2a++的操作没有了
  </script>

</body>

</html>

7.在js中还有一个特例就是闭包属性：代码如下

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>js的垃圾回收机制</title>
</head>

<body>
  <script>
    function test1() {
      var a = 1;
      return function () {
        a++;
        console.log(a);
      }
    }
    var test = test1();
    test();//输出是2
    test();//输出是3
    test();//输出是4
    test();//输出是5
  </script>

</body>

简单点来讲闭包就是首先包含函数的嵌套，在外部函数中声明一个变量在内部函数中进行操作，然后反复调用外部函数，就可以实现函数中的变量不会被垃圾回收机制回收，从而做到变量的保护，这里也是为了更好的理解垃圾回收机制。

8.在垃圾回收机制中，当需要知道一个变量是否还需要再次使用时，会给这个变量做上一个标记，在垃圾回收器的一个周期工作中，会找到全局变量以及闭包产生的特别的变量，排除这两种变量之后，就会将已经离开环境的变量作为垃圾回收，删除变量返还内存。

9.垃圾回收机制不仅包含这种标记清除的方式，还有一种方式为计数清除，老版的ie中使用的垃圾回收机制做一下了解代码如下：

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>js的垃圾回收机制</title>
</head>

<body>
  <script>
    function test1() {
      //垃圾回收机制使用的是标记清除的方法
      var a = 1;
      //此时的标记进入环境
    }
   test1();
   //执行完之后，变量a被标记为离开环境

   var b = 0;
   var c = 1;
   function e(){

   }
   console.log(a)
   //还有一种回收机制
   //引用计数的方法 英文全程 reference counting
   //根据记录每一个引用值被使用的次数，来做清理如果是0就清除如果不是就不会清理
   //在老版的ie浏览器中就是用这种引用计数的垃圾清理机制
   function test(){
     var a = new object();//引用值赋给变量的时候他的引用值次数默认为1
     var b = new object();
    //  var c = a;//当你将引用至赋予一个变量的时候引用次数+1现在为2
    //  var c = b;//当你改变了a的引用引用次数要--现在为1
    a.prop = b;//此时的b的引用次数为2
    b.prop = a;//a的引用次数也是2
    //这里构成了一种循环引用的方式
    //在低版本的ie中当你不想在使用这个值的时候 需要手动解除引用
    a = null;
    b = null;
   }
  </script>

</body>

</html>