JavaScript变量问题，简单问题

Question

var num = rez.data.length;

for(var key=0;key<num;key++)
{
  var marker = [];
  var point  = new GLatLng(rez.data[key].latitude, rez.data[key].longitude);
  marker[key] = new GMarker(point, {icon: iconS});
  GEvent.addListener(marker[key], "click", function() 
  {
    marker[key].openInfoWindowHtml('xxxxxx');
  });
  map.getMap().addOverlay(marker[key]); 
}

我在这里需要帮助，谁能告诉我为什么marker[key]放在marker[key].openInfoWindowHtml('xxxxxx');行marker[key].openInfoWindowHtml('xxxxxx'); 未定义？ 我在这里定义它： marker[key] = new GMarker(point, {icon: iconS});

Answer 1

除了其他答案表明的以外，您还有另一个问题。

您的key变量的作用域超出了内部事件处理函数的范围。 发生的情况是，每次您增加key ，您都将更改将在事件处理程序中使用的值。

实际上，假设num等于10。所有click事件处理程序最终都会调用以下代码：

function() {
    marker[10].openInfoWindowHtml('xxxxxx');
}

解决此问题的一种方法是将循环内容的作用域限定在另一个函数中并立即调用它：

var num = rez.data.length;
var marker = [];
for(var key=0;key<num;key++)
{
  var point  = new GLatLng(rez.data[key].latitude, rez.data[key].longitude);
  marker[key] = new GMarker(point, {icon: iconS});
  function(key) {
    GEvent.addListener(marker[key], "click", function() {
      marker[key].openInfoWindowHtml('xxxxxx');
    });
  }(key);
  map.getMap().addOverlay(marker[key]); 
}

编辑：澄清。 我要做的是声明一个匿名函数，该函数立即被调用。 另一种更清楚地了解正在发生的情况的方法是

function(key) {
  GEvent.addListener(marker[key], "click", function() {
    marker[key].openInfoWindowHtml('xxxxxx');
  });
}(key);

可以替换为：

function temp(key) {
  GEvent.addListener(marker[key], "click", function() {
    marker[key].openInfoWindowHtml('xxxxxx');
  });
};

temp(key);

即，首先声明一个称为temp的临时函数，然后在随后的行中调用它。

Answer 2

您应该先定义标记数组， 然后再进入该循环...

var num = rez.data.length;
var marker = [];

for(var key=0;key<num;key++)
{
  var point  = new GLatLng(rez.data[key].latitude, rez.data[key].longitude);
  marker[key] = new GMarker(point, {icon: iconS});
    GEvent.addListener(marker[key], "click", function() 
    {
      marker[key].openInfoWindowHtml('xxxxxx');
    });
  map.getMap().addOverlay(marker[key]); 
}

...否则，它将在每次循环运行时重置，并且数组中只有一个标记位于索引num-1处。

Answer 3

key是从封闭访问-所有的监听功能将共享相同的key 。 在for循环结束之后， key应该等于num ，并且显然marker[num]将是undefined 。 您可以使用处理程序中的alert(key)进行验证。

您需要定义侦听器功能时使用的特定键。 您可以通过在输入稳定的上下文中创建侦听器函数来做到这一点，例如：

function createListener(marker) {
  return function() {
    marker.openInfoWindowHtml('xxxxxx');
  };
}

var num = rez.data.length;

var markers = [];
for(var key=0;key<num;key++)
{
  var point  = new GLatLng(rez.data[key].latitude, rez.data[key].longitude);
  var marker = new GMarker(point, {icon: iconS});
  markers[key] = marker;
  GEvent.addListener(marker, "click", createListener(marker));
  map.getMap().addOverlay(marker); 
}

Answer 4

1：您确定新的GMarker（point，{icon：iconS}）返回了有效结果吗？ 您似乎没有检查有效性

2：marker [key]仅在基本循环中定义。 调用GEvent.addListener时，基本上是创建一个匿名函数。 标记变量可能未在该范围内定义。 使用bind（）或全局声明它。