JavaScript中內存泄漏指的是什么

小編給大家分享一下JavaScript中內存泄漏指的是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

內存泄漏指的是當一個對象不起作用時應該被回收時卻因為另一個對象對它的引用而導致它不能被回收，留在了堆內存中就稱為內存泄漏。常見的有意外全局變量，DOM泄漏以及循環(huán)引用等

內存泄漏

內存泄漏一般指的是當一個對象已經沒有作用了應該被回收時，另外一個正在使用的對象因對它的引用從而導致它不能被回收，這個不能被回收的對象停留在了堆內存中，這就造成了內存泄漏

當一個對象已經不需要再使用本該被回收時，另外一個正在使用的對象持有它的引用從而導致它不能被回收，這導致本該被回收的對象不能被回收而停留在堆內存中，這就產生了內存泄漏

常見的內存泄漏：

1、意外的全局變量

Js處理未定義變量的方式：未定義的變量會在全局對象創(chuàng)建一個新變量，在瀏覽器中，全局對象是window。

function foo(arg) { 
bar = "this is a hidden global variable"; //等同于window.bar="this is a hidden global variable"
this.bar2= "potential accidental global";//這里的this 指向了全局對象（window）,
等同于window.bar2="potential accidental global"}

解決方法：在JavaScript程序中添加，開啟嚴格模式'use strict'，可以有效地避免上述問題。

注意：用來臨時存儲大量數(shù)據(jù)的全局變量，在確保處理完這些數(shù)據(jù)后要將其設置為null或者重新賦值。

2、DOM泄漏

在瀏覽器中DOM和JS所采用的引擎是不一樣的，DOM采用的是渲染引擎，而JS采用的是v8引擎，所以在用JS操作DOM時會比較耗費性能，所以為了減少DOM的操作，我們會采用變量引用的方式會將其緩存在當前環(huán)境。如果在進行一些刪除、更新操作之后，可能會忘記釋放已經緩存的DOM因此造成了內存泄漏

例：對沒有清理的DOM元素引用

var refA = document.getElementById('refA');
document.body.removeChild(refA); // #refA不能回收，因為存在變量refA對它的引用。
將其對#refA引用釋放，但還是無法回收#refA。

解決辦法：設置refA = null;

3、被遺忘的計時器和回調函數(shù)

var someResource = getData();
setInterval(function() {
    var node = document.getElementById('Node');
    if(node) {
        node.innerHTML = JSON.stringify(someResource));
    }
}, 1000);

這樣的代碼很常見, 如果id為Node的元素從DOM中移除, 該定時器仍會存在, 同時, 因為回調函數(shù)中包含對someResource的引用, 定時器外面的someResource也不會被釋放

4、循環(huán)引用

在js的內存管理環(huán)境中，如果對象 A 對B有訪問對象的權限，就稱為對象 A 引用對象 B。引用的計數(shù)的策略就是看對象有沒有其他對象引用到它，如果沒有對象引用這個對象，那么這個對象將會被回收 。

var obj1 = { a: 1 }; // 一個對象（稱之為 A）被創(chuàng)建，賦值給 obj1，A 的引用個數(shù)為 1  
var obj2 = obj1; // A 的引用個數(shù)變?yōu)?2  
 obj1 = 0; // A 的引用個數(shù)變?yōu)?1 
 obj2 = 0; // A 的引用個數(shù)變?yōu)?0，此時對象 A 就可以被垃圾回收了

但是引用計數(shù)有個最大的問題就是循環(huán)引用。

function func() {  
    var obj1 = {};  
    var obj2 = {};  
    obj1.a = obj2; // obj1 引用 obj2  
    obj2.a = obj1; // obj2 引用 obj1  }

當函數(shù)執(zhí)行結束后，返回值為 undefined，所以整個函數(shù)以及內部的變量都應該被回收，但根據(jù)引用計數(shù)方法，obj1 和 obj2 的引用次數(shù)都不為 0，所以他們不會被回收。所以要解決這個問題可以設置它們的值為null

看完了這篇文章，相信你對JavaScript中內存泄漏指的是什么有了一定的了解，想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！