javascript - 将数组值传递给 addlistener 函数

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 6 年前。

这是我的代码:

function myMap() {

var sensorID = [];   //Sensor ID array

//More Code

for (var i = 0; i<sensorID.length; i++){
    sensorNodes[i] = new google.maps.LatLng(sensorLatitude[sensorID[i]], sensorLongitude[sensorID[i]]); //No problem here

    marker[i] = new google.maps.Marker({ position:sensorNodes[i] }); //No problem here

    google.maps.event.addListener(
        marker[i],'click',function(){
        infowindow.setContent("Sensor ID: " + sensorID[i]);
        infowindow.open(map,this);
        }
    );
}

在最后一个代码块中，嵌套在 addListener 内的函数应该打开一个框，上面写着 Sensor ID: #

但是，该函数内部的 SensorID[i] 存在问题。该代码不允许我将数组传递到函数中。有解决方法吗？如何将 SensorID[i] 传递到 function() 中？

Answer 1

由于回调函数仅在循环完成后执行，因此 i 将继续前进。为了避免这种情况，请在 for 构造中使用 let i 而不是 var i:这将创建一个单独的 i每次迭代的变量。