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

為了釋放指令碼資源，通常在返回後還要一些進行額外的處理。 複製代碼 代碼如下:script = document.createElement('script');
script.src =
'http://example.com/cgi-bin/jsonp?q=What+is+the+meaning+of+life%3F';
script.id = 'JSONP';
script.type = 'text/javascript';
script.charset = 'utf-8';
// 標籤加到head後，會自動載入並運行。
var head = document.getElementsByTagName('head')[0];
head.appendChild(script)

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

當瀏覽器移除這標籤結點後的同時並沒對結點內JavaScript資源的進行記憶體回收，這意味著移除標籤結點還不夠，還得手動的清除script標籤結點的內容: 複製代碼 代碼如下:// Remove any old script tags.
var script;
while (script = document.getElementById('JSONP')) {
script.parentNode.removeChild(script);
// 瀏覽器不會回收這些屬性所指向的對象.
//手動刪除它以免記憶體流失.
for (var prop in script) {
delete script[prop];
}
}