記憶體外洩可能帶來的問題：變慢、卡頓、高延遲。
）。所謂的Unwanted References指的是：有一些內存，其實開發人員已經不再需要了，但是由於某種原因，這些內存仍然被標記並保留在活動根目錄樹中。 Unwanted References就是指這些記憶體的引用。在JavaScript上下文中，Unwanted References是一些不再使用的變量，這些變數指向了原本可以釋放的一些記憶體。
首先，我們得知道，JavaScript中的全域變數是由根節點（root node）引用的，因此它們在應用程式的整個生命週期中都不會被垃圾回收。
場景一：在JavaScript中，如果引用未宣告的變量，將會導致，在全域環境中建立新的變數。
function foo(arg) { bar = "this is a hidden global variable"; }
上面這串程式碼，實際上如下：
function foo(arg) { window.bar = "this is an explicit global variable"; }
假如，我們希望bar這個變數只在foo函數作用域內部使用，但上面這種情況就會意外地在全域作用域內建立bar，這將造成記憶體洩漏。
場景二：
function foo() { this.variable = "potential accidental global"; }foo();
同樣的，如果我們希望bar這個變數只在foo函數作用域內部使用，但如果不知道foo函數內部的this指向全域對象，將造成內存洩漏。
建議：
避免意外地建立全域變數。例如，我們可以使用嚴格模式，則本節的第一段程式碼將會報錯，而不會建立全域變數。
減少建立全域變數。
如果必須使用全域變數來儲存大量數據，請確保在處理完數據後將其置null或重新分配。
for (var i = 0; i < 100000; i++) { var buggyObject = { callAgain: function () { var ref = this; var val = setTimeout(function () { ref.callAgain(); }, 10); } } buggyObject.callAgain(); buggyObject = null;}
多处引用（Multiple references）：当多个对象均引用同一对象时，但凡其中一个引用没有清除，都将导致被引用对象无法GC。
场景一：
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); // Much more logic}function removeButton() { // The button is a direct child of body. document.body.removeChild(document.getElementById('button')); // At this point, we still have a reference to #button in the global // elements dictionary. In other words, the button element is still in // memory and cannot be collected by the GC.s}
在上面这种情况中，我们对#button的保持两个引用：一个在DOM树中，另一个在elements对象中。 如果将来决定回收#button，则需要使两个引用均不可访问。在上面的代码中，由于我们只清除了来自DOM树的引用，所以#button仍然存在内存中，而不会被GC。
场景二： 如果我们想要回收某个table，但我们保持着对这个table中某个单元格（cell）的引用，这个时候将导致整个table都保存在内存中，无法GC。
闭包(Closure)：闭包是一个函数，它可以访问那些定义在它的包围作用域（Enclosing Scope）里的变量，即使这个包围作用域已经结束。因此，闭包具有记忆周围环境（Context）的功能。
场景举例：
var newElem;function outer() { var someText = new Array(1000000); var elem = newElem; function inner() { if (elem) return someText; } return function () {}; }setInterval(function () { newElem = outer();}, 5);
在这个例子中，有两个闭包：一个是inner，另一个是匿名函数function () {}。其中，inner闭包引用了someText和elem，并且，inner永远也不会被调用。可是，我们需要注意：相同父作用域的闭包，他们能够共享context。也就是说，在这个例子中，inner的someText和elem将和匿名函数function () {}共享。然而，这个匿名函数之后会被return返回，并且赋值给newElem。只要newElem还引用着这个匿名函数，那么，someText和elem就不会被GC。
同时，我们还要注意到，outer函数内部执行了var elem = newElem;，而这个newElem引用了上一次调用的outer返回的匿名函数。试想，第n次调用outer将保持着第n-1次调用的outer中的匿名函数，而这个匿名函数由保持着对elem的引用，进而保持着对n-2次的...因此，这将造成内存泄漏。
解決方案：setInterval中的參數1的程式碼改為newElem = outer()();
這一節內容的具體剖析，可以見資料1和資料2。
#Chrome（最新的86版本）開發者工具中有兩個關於記憶體的分析工具：
Performance
Memory
#相關免費學習推薦：javascript（影片）
以上是JavaScript常見幾種的記憶體洩漏的詳細內容。更多資訊請關注PHP中文網其他相關文章！
