编辑:这只是一个简单的例子来消除我对一个更大的程序的关注.我不会使用这个实际的代码:)
如果我运行这个 -
<!DOCTYPE html>
<html>
<head>
<script>
function update(amount, win, data)
{
win.innerText = 'Count is ' + amount;
setTimeout(function() { update(amount + 1, win, {data: 'something'})}, 1000);
}
window.onload = function() {
var win = document.getElementById('item');
update(0, win, 0);
}
</script>
</head>
<body>
<div id="item"></div>
</body>
</html>
对setTimeout的调用可能会创建一个闭包,它将参数的内容捕获到"更新"函数(金额,胜利,数据).所以这些变量在内存中维护,直到调用超时并返回,以便它们在该函数调用中可用...
但是该函数为超时的下一次迭代创建了一个新的闭包......在第二个闭包中会捕获什么？它只是这些变量的新副本还是在新的闭包中再次捕获构成函数调用一部分的变量？
基本上,由于每个闭包中的数据变得越来越大,这最终会耗尽内存,还是这样安全合理？