javascript記憶體洩漏的原因有哪些

javascript記憶體洩漏的原因：1、全域變數使用不當；2、閉包使用不當；3、延時器或定時器沒有被清除；4、沒有清理的DOM元素引用（dom清空或刪除時，事件未清除）。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

記憶體外洩是指一塊被分配的記憶體既不能使用，又不能回收，直到瀏覽器進程結束。即指因疏忽或錯誤造成程序未能釋放已不再使用的記憶體。 記憶體洩漏並非指內存在物理上的消失，而是應用程式分配某段記憶體後，由於設計錯誤，導致在釋放該段記憶體之前就失去了對該段記憶體的控制，從而造成了記憶體的浪費。這裡就講一些常見會帶來記憶體外洩的原因。

1. 全域變數

JavaScript可以處理沒有宣告的變數：一個未宣告的變數的參考在全域物件中建立了一個新變數。在瀏覽器的環境中，全域物件是window。

function foo(){
  name = '前端曰'；
}
// 其实是把name变量挂载在window对象上
function foo(){
  window.name = '前端曰'；
}

// 又或者
function foo(){
  this.name = '前端曰'；
}
foo() // 其实这里的this就是指向的window对象

這樣無意中一個意外的全域變數就被創建了，為了阻止這種錯誤發生，在你的Javascript檔案最前面加上 ‘use strict;’ 。這開啟了解析JavaScript的阻止意外全域的更嚴格的模式。或是自己注意好變數的定義！

2. 閉包

閉包：匿名函數可以存取父級作用域的變數。

var names = (function(){  
    var name = 'js-say';
    return function(){
        console.log(name);
    }
})()

閉包會造成物件引用的生命週期脫離目前函數的上下文，如果閉包使用不當，可以導致環形引用（circular reference），類似於死鎖，只能避免，無法發生之後解決，即使有垃圾回收還是會記憶體洩漏。

3. 被遺忘的延時器/計時器

在我們的日常需求中，可能會經常試用到 setInterval/setTimeout ，但使用完後通常會忘記清理。

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

setInterval/setTimeout 中的this 指向的是window對象，所以內部定義的變數也掛載到了全域；if 內引用了someResource 變數，如果沒有清除setInterval/setTimeout 的話someResource 也無法釋放；同理其實setTimeout 也是一樣。所以我們用完需要記得去 clearInterval/clearTimeout。

4、沒有清理的DOM元素參考（dom清空或刪除時，事件未清除）

var elements = {
    button: document.getElementById('button'),
    image: document.getElementById('image'),
    text: document.getElementById('text')
};
function doStuff() {
    image.src = 'http://some.url/image';
    button.click();
    console.log(text.innerHTML);
}
function removeButton() {
    document.body.removeChild(document.getElementById('button'));
    // 此时，仍旧存在一个全局的 #button 的引用
    // elements 字典。button 元素仍旧在内存中，不能被 GC 回收。
}

【建議學習：javascript進階教學】

以上是javascript記憶體洩漏的原因有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！