javascript - 从事件循环中保存值

Question

如何从事件循环中保存值，

            for (var i = 0, len = features.length; i < len; i++) {
                    if (features[i].type == 'tower')

                    {
                        for (var j = 0; j < markers.length; j++) {
                            var lines = [];
                            lines.push(features[i].position);
                            lines.push(markers[j].position);

                            var connectionPath = new google.maps.Polyline({
                                path: lines,
                                geodesic: true,
                                strokeColor: '#12aab5',
                                strokeOpacity: 0.8,
                                strokeWeight: 3
                            });

                            connectionPaths.push(connectionPath);

                            connectionPath.setMap(map);
                            connectionPath.addListener('click', function() {
                                var elevator = new google.maps.ElevationService();
                                displayPathElevation(getPathVariableCode(connectionPath), elevator, map,  features[i], markers[j]);
                            });
                        }
                    }
                }

features[i], markers[j] 为空。

可能是因为在 i 和 j 已经不相关之后调用它们。

我希望在点击事件中使用特征[i] 和标记[j]。

我怎样才能执行这样的操作？

Answer 1

您也许可以编写一个高阶函数来生成回调函数。

function generateCB(connectionPath, feature, marker) {
    return function() {
        var elevator = new google.maps.ElevationService();
        displayPathElevation(
            getPathVariableCode(connectionPath), 
            elevator, 
            map,  
            feature, 
            marker
        );
    });
};

然后在循环中调用这个函数产生回调。

connectionPath.addListener('click', generateCB(connectionPath, features[i], markers[j]));