Javascript: анонимная функция, доступ к глобальным переменным

Question

После нескольких часов поиска у меня есть проблема с моим кодом Ниже. На самом деле, я не очень далек от ответа. Я думаю, но я все еще заблокирован ...

У меня есть анонимная функция, называемая внутри цикла, и я хочу получить доступ и обновить глобальные переменные, но я попробовал с помощью window.myvariable , с другой функцией и ничего случиться ...

это мой код:

for (var i = 0; i < SHP_files.length; i++) { 
      shapefile = new Shapefile({ 
       shp: "shp/polygon/"+SHP_files[i]+".shp", 
       dbf: "shp/polygon/"+SHP_files[i]+".dbf", 
       }, function(data) { 

        polygon_layer.addLayer(new L.GeoJSON(data.geojson,{onEachFeature: onEachFeature, style: polygonStyle})); 
        polygon_layer.addTo(map); 
        console.log(polygon_layer.getLayers()); // IS OK 
       }); 
     }; 
     console.log(polygon_layer.getLayers()); // IS EMPTY !! 

Итак, как я мог бы превратить эту анонимную функцию, чтобы иметь что-то, что я могу получить доступ из моего кода, который следующее что?

Большое спасибо, и извините за мой английский не очень хорошо ...

Answer 1

Это типичная проблема с выполнением асинхронного кода. Код примера не выполняется сверху вниз. В частности, ваша анонимная функция НЕ запускается до тех пор, пока Shapefile не будет выполнен с тем, что он делает. Тем временем ваш JS будет выполнен в порядке. Поэтому последняя строка вашего вышеуказанного кода будет , вероятно, выполнить перед анонимной функцией.

Чтобы это исправить, вам нужно будет запускать любой код, который зависит от Shapefile ответа изнутри его функции обратного вызова:

for (var i = 0; i < SHP_files.length; i++) { 
    shapefile = new Shapefile({ 
     shp: "shp/polygon/"+SHP_files[i]+".shp", 
     dbf: "shp/polygon/"+SHP_files[i]+".dbf", 
     }, function(data) { 
      polygon_layer.addLayer(new L.GeoJSON(data.geojson,{onEachFeature: onEachFeature, style: polygonStyle})); 
      polygon_layer.addTo(map); 
      executeMoreCode(); 
     }); 
}; 

function executeMoreCode() { 
    console.log(polygon_layer.getLayers()); // IS OK 
} 

Answer 2

Попробуйте определения переменные, в этом случае polygon_layer, вне для цикла или функции. См. Следующий пример:

var f; 
for(var i=0; i<5;i++){ 
    (function(){ 
     f = 10; 
     console.log(f); // Outputs 10 
    })(); 
} 
console.log(f); // Also outputs 10