如何防止動態載入JavaScript引起的記憶體流失問題

利用Script標籤可以跨域載入並運行一段JavaScript指令碼， 但Neil
Fraser先前已指出，指令碼運行後資源並沒被釋放，即使是Script標籤移除後。為了釋放指令碼資源，通常在返回後還要一些進行額外的處理。

script = document.createElement('script');<br /> script.src =<br /> 'http://www.my400800.cn';<br /> script.id = 'JSONP';<br /> script.type = 'text/javascript';<br /> script.charset = 'utf-8';<br /> // 標籤加到head後，會自動載入並運行。<br /> var head = document.getElementsByTagName('head')[0];<br /> head.appendChild(script)

實際上很多流行的JS庫都採用這種方式，建立一個scritp標籤，賦予一個ID後載入指令碼（比如YUI
get()），載入完並回調後清除該標籤。問題在於當你清除這些script標籤的時候，瀏覽器僅僅是移除該標籤結點。

var script = document.getElementById('JSONP');<br />script.parentNode.removeChild(script);

當瀏覽器移除這標籤結點後的同時並沒對結點內JavaScript資源的進行記憶體回收，這意味著移除標籤結點還不夠，還得手動的清除script標籤結點的內容:

// Remove any old script tags.<br /> var script;<br /> while (script = document.getElementById('JSONP')) {<br /> script.parentNode.removeChild(script);<br /> // 瀏覽器不會回收這些屬性所指向的對象.<br /> //手動刪除它以免記憶體流失.<br /> for (var prop in script) {<br /> delete script[prop];<br /> }<br /> }