JS闭包的陷阱

今天工作中遇到一个有意思的问题，花了很长时间，特记之。
这么一段Jquery代码：

var vlist = ['case1', 'case2', 'case3'];
for (var i=0; i<vlist.length; i++ )
{
	if ($("#"+vlist[i]).css('display') != 'none')
	{
		$("#"+vlist[i]).animate({left: "-1200"}, function(){
			$("#"+vlist[i]).hide();
			$("#"+vlist[i]).css("left", "0px");
		});
	}
}

$("#"+vlist[i]).animate的参数中有一个回调函数，该函数内有两个外部变量：vlist与i
vlist没有任何问题，那闭包内的i会是什么值呢？它并不是运行到$("#"+vlist[i]).animate()这一句时的i值，而只能是固定的值：3，vlist[3]超出数组范围，是undefined
因为jquery动画函数animate的回调函数是在动画完成之后再执行的，这时for循环已经结束，i=3。
这里的知识点是：闭包捕获的是外部变量的引用，而非把外部的变量复制一份到闭包内。