js 循环引用的解析和解决方法

最新推荐文章于 2024-05-13 21:24:33 发布

Shauna_Wu

最新推荐文章于 2024-05-13 21:24:33 发布

阅读量1.3w

点赞数 3

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/Shauna_Wu/article/details/79938692

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JavaScript中有两种垃圾回收策略，标记清除和引用计数。

一、引用计数

引用计数的含义是跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时，则这个值的引用次数就是1。如果同一个值又被赋给另一个变量，则该值的引用次数加1。相反，如果包含对这个值引用的变量又取得了另外一个值，则这个值的引用次数减1。当这个值的引用次数变成0 时，则说明没有办法再访问这个值了，因而就可以将其占用的内存空间回收回来。这样，当垃圾收集器下次再运行时，它就会释放那些引用次数为零的值所占用的内存。

二、循环引用

2.1 js对象之间的循环引用

但引用计数有一个很严重的问题，循环引用。循环引用指的是对象A 中包含一个指向对象B的指针，而对象B中也包含一个指向对象A的引用。比如下面这个例子：

function problem(){
    var objectA = new Object();
    var objectB = new Object();
    objectA.someOtherObject = objectB;
    objectB.anotherObject = objectA;
}

当函数执行完毕后，objectA和objectB还将继续存在，因为它们的引用次数永远不会是0。假如这个函数被重复多次调用，就会导致大量内存得不到回收。

2.2 js对象和COM对象的循环引用

我们知道，IE中有一部分对象并不是原生JavaScript对象。例如，其BOM和DOM中的对象就是使用C++以COM（Component Object Model，组件对象模型）对象的形式实现的，而COM对象的垃圾收集机制采用的就是引用计数策略。因此，即使IE的JavaScript引擎是使用标记清除策略来实现的，但JavaScript访问的COM对象依然是基于引用计数策略的。换句话说，只要在IE中涉及COM对象，就会存在循环引用的问题。

var element = document.getElementById("some_element");
var myObject = new Object();
myObject.element = element;
element.someObject = myObject;

这个例子在一个DOM元素（element）与一个原生JavaScript对象（myObject）之间创建了循环引用。其中，变量myObject有一个名为element的属性指向element对象；而变量element也有一个属性名叫someObject回指myObject。由于存在这个循环引用，即使将例子中的DOM 从页面中移除，它也永远不会被回收。

为了避免类似这样的循环引用问题，最好是在不使用它们的时候手工断开原生JavaScript对象与DOM元素之间的连接。例如，可以使用下面的代码消除前面例子创建的循环引用：

myObject.element = null;
element.someObject = null;

三、循环引用的解决

Douglas Crockford提供了额外的JSON支持，cycle.js中包括两个函数，JSON.decycle和JSON.retrocycle，用来消除/恢复JSON中的环和图结构，JSONPath用来表示数据关系。GitHub原址：https://github.com/douglascrockford/JSON-js。这个功能利用了ES6的WeakMap。具体分析见另一篇博客(待更)。