Javascript:在数组中循环以创建侦听器,是否存在引用调用和值调用问题? for(var i=0;i
JavaScript没有块作用域的概念,只有函数和全局作用域。您可以使用闭包来解决它:Javascript:在数组中循环以创建侦听器,是否存在引用调用和值调用问题? for(var i=0;i,javascript,google-maps,Javascript,Google Maps,JavaScript没有块作用域的概念,只有函数和全局作用域。您可以使用闭包来解决它: for (var i=0; i<layerCount; i++){ for (var j=0; j<layerData[i].data.length; j++){ var text = layerData[i].data[j].text; var latlng = new google.maps.LatLng(layerData[i].data[j].lat
for (var i=0; i<layerCount; i++){
for (var j=0; j<layerData[i].data.length; j++){
var text = layerData[i].data[j].text;
var latlng = new google.maps.LatLng(layerData[i].data[j].lat, layerData[i].data[j].lng);
var marker = new google.maps.Marker({map: map, position: latlng});
var infowindow = new google.maps.InfoWindow({content: text});
google.maps.event.addListener(marker, 'click', function() {infowindow.open(map,marker);});
}
}
for(变量i=0;i
JavaScript没有块作用域的概念,只有函数和全局作用域。您可以使用闭包来解决它:
for (var i=0; i<layerCount; i++){
for (var j=0; j<layerData[i].data.length; j++){
var text = layerData[i].data[j].text;
var latlng = new google.maps.LatLng(layerData[i].data[j].lat, layerData[i].data[j].lng);
var marker = new google.maps.Marker({map: map, position: latlng});
var infowindow = new google.maps.InfoWindow({content: text});
google.maps.event.addListener(marker, 'click', function() {infowindow.open(map,marker);});
}
}
for(变量i=0;i
您必须创建一个:
对于(var i=0;i您必须创建一个:
用于(var i=0;它解决了infowindow
的问题,但没有解决marker
变量的问题。这解决了infowindow
的问题,但没有解决marker
变量的问题。+1个可重用的命名函数比在循环中构建IIFE好得多,也更清晰。+1个可重用的命名函数更好,也更清晰而不是在循环中建立生活。
for (var i=0; i<layerCount; i++){
for (var j=0; j<layerData[i].data.length; j++){
var text = layerData[i].data[j].text;
var latlng = new google.maps.LatLng(layerData[i].data[j].lat, layerData[i].data[j].lng);
var marker = new google.maps.Marker({map: map, position: latlng});
var infowindow = new google.maps.InfoWindow({content: text});
bindOpenWindow(infowindow, map, marker);
}
}
function bindOpenWindow(infowindow, map, marker)
{
google.maps.event.addListener(marker, 'click', function() {infowindow.open(map, marker);});
}