javascript 局部变量的传递，在自定义事件响应时的问题

[tossgoon]

用谷歌地图API开发，在一个函数里面定义了一个循环变量，从数据库中读取了99根线并在地图上显示。打算给每根线添加一个自定义事件，鼠标左键点击该线时，该线隐藏。可是很奇怪的是，在循环里面直接对线变量定义事件，在事件响应的时候，只是针对最后一根线有效。也就是无论我点击哪根线，隐藏的都是最后一根。但如果我改成在外面写一个函数，然后将变量传给外面那个函数的时候，就可以了。什么原因？

function ReadLine()
{
.........
for(var i=0;i<100;i++)
{
................
var testPoly = new google.maps.Polyline(polyOptions);
google.maps.event.addListener(testPoly, "click", function (e) {
testPoly.setMap(null);
});
}
}
-------------------------------------------
改成下面即可:
function ReadLine()
{
for(var i=0;i<100;i++)
{
var testPoly2 = new google.maps.Polyline(polyOptions);
setLine(testPoly);
}
}
function setLine(line)
{
google.maps.event.addListener(line, "click", function (e) {
line.setMap(null);
});
}

[人生难得一只鸡]

尝试如下处理

 for(var i=0;i<100;i++)
			   {
					   var testPoly = new google.maps.Polyline(polyOptions);
					   (function(tPoly){
						   google.maps.event.addListener(tPoly, "click", function (e) 
						   {tPoly.setMap(null);})
					   })(testPoly);
				}

[blackchef]

目测闭包问题

[tossgoon]

引用 1 楼 Return_false 的回复:

尝试如下处理

 for(var i=0;i<100;i++)
			   {
					   var testPoly = new google.maps.Polyline(polyOptions);
					   (function(tPoly){
						   google.maps.event.addListener(tPoly, "click", function (e) 
						   {tPoly.setMap(null);})
					   })(testPoly);
				}

这样处理果然可以了。大神给稍微解释一下下呗

[tossgoon]

我原来那种写法错在哪儿了？

[人生难得一只鸡]

注册事件 但是并没有马上执行，当事件触发的时候 再次访问testPoly，循环已经完毕，此时testPoly已然是最后一个，那么你需要自执行函数 一开始就运行并把 当前值作为参数传递给事件，其实本意和定义一个函数传参也是无异，一样的道理.