防止动态加载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库（如YUI get()）采用此方式：创建script标签并赋予ID后加载，回调后清除标签。问题在于清除标签时，浏览器仅移除节点。

 
var script = document.getElementById('JSONP');
script.parentNode.removeChild(script);

移除节点后浏览器未回收JavaScript资源，需手动清除内容。

 
// Remove any old script tags.
var script;
while (script = document.getElementById('JSONP')) {
script.parentNode.removeChild(script);
// 浏览器不会回收这些属性所指向的对象.
//手动删除它以免内存泄漏.
for (var prop in script) {
delete script[prop];
} 
}