> 程序的運行需要內存。只要程序提出要求，操作系統或者運行時（runtime）就必須供給內存。對于持續運行的服務進程（daemon），必須及時釋放不再用到的內存。否則，內存占用越來越高，輕則影響系統性能，重則導致進程崩潰。不再用到的內存，沒有及時釋放，就叫做內存泄漏（memory leak）。 ## 一、常見內存泄漏的幾種情況 **1、全局變量引起的內存泄漏** ~~~ function foo() { leak = 123; // leak成為一個全局變量，不會被回收 // 相當于 window.leak = 123; } function bar() { this.age = 34; // 相當于window.age = 34; } bar(); ~~~ **2、閉包引起的內存泄漏** ~~~ var foo = (function() { var score = 97; // 被閉包引用，不會被回收 return function() { console.log(score); } })(); ~~~ **3、DOM刪除或清空時，事件未清除導致的內存泄漏** ~~~ $('#foo').on('click', function() { console.log(1); }).remove(); // 解決方法 $('#foo').on('click', function() { console.log(1); }).off('click').remove(); // 原始解法 var foo = document.getElementById('foo'); foo.onclick = function() { console.log(1); foo.onclick = null; } // 采用事件委托 document.onclick = function(event) { event = event || window.event; if(event.target.id == 'foo') { console.log(1); } } ~~~ **4、子元素存在引用引起的內存泄漏，如下圖**  可以測試一下，表面上是刪除了元素，但仍然可以打印出這個元素，所以需要手動賦值null徹底從內存中清除 **5、被遺忘的計時器或回調函數** ~~~ var someResource = getData(); setInterval(function() { var node = document.getElementById('Node'); if(node) { // Do stuff with node and someResource. node.innerHTML = JSON.stringify(someResource)); } }, 1000); ~~~ 計時器使得節點或數據的引用不再被需要了。如果間隔處理不能被回收，它的依賴也不能被回收。那意味著可能存儲著大量數據的someResource，也不能被回收。 ## 二、如何規避檢查是否內存泄漏？ 1. 使用Chrome內存分析工具概覽 2. 使用資源管理器查看 3. 其他工具查看