目前正在开发一个基于JavaScript的动画项目。
我注意到，适当使用setInterval()、setTimeout()甚至requestAnimationFrame会在没有我的请求时分配内存，并导致频繁的垃圾回收调用。更多的垃圾回收调用=闪烁 :-(
例如：当我在Google Chrome中调用init()执行以下简单代码时，前20-30秒内内存分配和垃圾回收都很好......
function init()
{
var ref = window.setInterval(function() { draw(); }, 50);
}
function draw()
{
return true
}
不知何故，大约在一分钟内，分配的内存开始怪异地增加！由于 init() 只被调用了一次，这种增加内存大小的原因是什么？
(编辑：上传了 Chrome 截图)
注释 #1：是的，我尝试在下一个 setInterval() 之前调用 clearInterval()。问题仍然存在！
注释 #2：为了隔离问题，我让上面的代码保持简单而愚蠢。
编辑：更好的答案在Yury's answer中。
简而言之，我认为这里没有内存泄漏。正向斜率仅是setInterval和setTimeout的影响。由于看到了锯齿形模式，垃圾被回收了，按照定义来说，没有内存泄漏。（我想）。
我不确定是否有一种方法可以解决所谓的“内存泄漏”。在这种情况下，“内存泄漏”是指每次调用setInterval函数会增加内存使用量，如内存分析器中所示的正斜率。
实际情况是没有实际的内存泄漏：垃圾回收器仍然能够收集内存。按照定义，“内存泄漏发生在计算机程序获取内存却未能将其释放回操作系统时。”
如下图所示的内存剖面图表明，没有发生内存泄漏。每个函数调用都会增加内存使用量。OP希望由于反复调用相同的函数，应该没有内存增加。然而，事实并非如此。每次函数调用都会消耗内存。最终，垃圾被收集，创建了锯齿形模式。
我探索了几种重新排列间隔的方法，它们都导致相同的锯齿形模式（虽然有些试图因为保留了引用而导致垃圾回收永远不会发生）。
function doIt() {
console.log("hai")
}
function a() {
doIt();
setTimeout(b, 50);
}
function b() {
doIt();
setTimeout(a, 50);
}
a();
http://fiddle.jshell.net/QNRSK/14/
function b() {
var a = setInterval(function() {
console.log("Hello");
clearInterval(a);
b();
}, 50);
}
b();
http://fiddle.jshell.net/QNRSK/17/
function init()
{
var ref = window.setInterval(function() { draw(); }, 50);
}
function draw()
{
console.log('Hello');
}
init();
http://fiddle.jshell.net/QNRSK/20/
function init()
{
window.ref = window.setInterval(function() { draw(); }, 50);
}
function draw()
{
console.log('Hello');
clearInterval(window.ref);
init();
}
init();
http://fiddle.jshell.net/QNRSK/21/
setTimeout 和 setInterval 显然不是 JavaScript 的正式部分（因此它们不是 v8 的一部分）。实现留给实施者。建议查看Node.js 中 setInterval 等的实现。
这里的问题不在代码本身，它并没有泄漏。问题出在时间轴面板的实现方式上。当时间轴记录事件时，我们会在每个 setInterval 回调的调用中收集 JavaScript 堆栈跟踪信息。堆栈跟踪首先在 JS 堆上分配，然后复制到本地数据结构中，在堆栈跟踪被复制到本地事件后，它就成为了 JS 堆中的垃圾。这在图表上有所反映。禁用以下调用 http://trac.webkit.org/browser/trunk/Source/WebCore/inspector/TimelineRecordFactory.cpp#L55 会使内存图形变得平坦。
与此问题相关的存在一个 bug：https://code.google.com/p/chromium/issues/detail?id=120186
我想回答关于 setInterval 和闪烁的评论：
我注意到，适当使用 setInterval()、setTimeout() 甚至 requestAnimationFrame 会在没有我的请求下分配内存，并导致频繁的垃圾回收调用。更多的 GC 调用 = 闪烁 :-(
您可能希望尝试用一个基于 setTimeout 的“不那么邪恶”的自调用函数来替换 setInterval 调用。Paul Irish 在名为《从 jQuery 源码中学到的 10 件事》的演讲中提到了这一点（视频在这里，笔记在这里，看第二项）。您需要将 setInterval 调用替换为一个函数，在完成应该完成的工作后通过 setTimeout 间接地调用自身。引用该演讲中的话：
许多人认为 setInterval 是一个邪恶的函数。它会按照指定的时间间隔不断地调用函数，而不管函数是否已经完成。
使用您上面的示例代码，您可以将 init 函数更新为：
function init()
{
var ref = window.setInterval(function() { draw(); }, 50);
}
to:
function init()
{
//init stuff
//awesome code
//start rendering
drawLoop();
}
function drawLoop()
{
//do work
draw();
//queue more work
setTimeout(drawLoop, 50);
}
这对你有所帮助，因为：
希望这能帮到你！
尝试不使用匿名函数来完成此操作。例如：
function draw()
{
return true;
}
function init()
{
var ref = window.setInterval(draw, 50);
}
draw后面加上()，它只是一个引用。 - Steven DonChrome几乎没有因为你的程序而受到任何内存压力（1.23MB在今天来说是非常低的内存使用），因此它可能认为不需要积极地进行垃圾回收。如果您修改程序以使用更多内存，则将看到垃圾收集器启动。例如，尝试执行以下操作：
<!html>
<html>
<head>
<title>Where goes memory?</title>
</head>
<body>
Greetings!
<script>
function init()
{
var ref = window.setInterval(function() { draw(); }, 50);
}
function draw()
{
var ar = new Array();
for (var i = 0; i < 1e6; ++i) {
ar.push(Math.rand());
}
return true
}
init();
</script>
</body>
</html>
Google Chrome 23.0.1271.101 (Official Build 172594)
OS Mac OS X
WebKit 537.11 (@136278)
JavaScript V8 3.13.7.5
Flash 11.5.31.5
User Agent Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.101 Safari/537.11
看起来没有内存泄漏。只要垃圾回收后内存使用量再次降低，并且总体内存使用量没有平均上升，就没有泄漏。
我看到的“真正”问题是，setInterval确实使用内存进行操作，而且似乎不应该分配任何内容。实际上，它需要分配一些东西：
draw()例程。draw()中的true返回值。每次匿名函数执行时都会分配一些内存。当这些分配累积到某个阈值时，GC将启动并清理以将您带回基本水平。这个循环将继续下去，直到您关闭它。这是预期的行为。
@(DateTime.Now.ToString("dd/MM/yyyy HH:mm"))
setInterval(draw, 50);，是否会出现问题？也许与紧密的间隔和匿名函数的作用域建立/拆除有关？虽然我认为Chrome会缓存该函数。 - Erik Reppen