매개 변수를 콜백 함수로 전달하십시오

Question

내 코드

// ajax 요청을하고 JSON 응답을받습니다

for (var i = 0; i < data.results.length; i++) {  
    result = data.results[i];
    // do stuff and create google maps marker    
    marker = new google.maps.Marker({  
        position: new google.maps.LatLng(result.lat, result.lng),   
        map: map,  
        id: result.id  
    });  
    google.maps.event.addListener(marker, 'click', function() {  
        createWindow(marker.id); //<==== this doesn't work because marker always points to the last results when this function is called
    });  

}

이것을 해결하는 방법?

Answer 1

이 시도:

with ({ mark: marker }) {
    google.maps.event.addListener(mark, 'click', function() {  
        createWindow(mark.id);
    });
}

사용을 보여주는 예 with:

for (var i = 0; i < 10; i++) {
    setTimeout(function() { console.log(i); }, 1000);
}

위의 내용이 기록됩니다 10 열 번.

for (var i = 0; i < 10; i++) {
    with ({ foo: i }) {
        setTimeout(function() { console.log(foo); }, 1000);
    }
}

이것은 로그입니다 0 에게 9, 원하는대로 감사합니다 with 새로운 범위를 소개합니다.

JavaScript 1.7은 a let 더 좋은 진술이지만 널리 지원 될 때까지 사용할 수 있습니다. with.

그리고 사용 var 변수의 경우.

Answer 2

그만큼 고전적인 폐쇄 문제 다시 파업!

  google.maps.event.addListener(marker, 'click', function(id) {
    return function(){
      createWindow(id); //<==== this doesn't work because marker always points to the last results when this function is called
    }
  }(marker.id));     

Answer 3

폐쇄 문제가있는 것 같습니다. 이 질문보기 :

• Google 매핑 API 모든 마커는 동일한 정보를 열었습니다
• Google은 참조로 전달되는 문제 클로저를지도합니다
• Google지도 마커에 리스너를 동적으로 추가합니다

Answer 4

이거 한번 해봐

var marker = new Array();
for (var i = 0; i < data.results.length; i++) {  
    result = data.results[i];
    // do stuff and create google maps marker    
    marker[i] = new google.maps.Marker({  
        position: new google.maps.LatLng(result.lat, result.lng),   
        map: map,  
        id: result.id  
    });  
    google.maps.event.addListener(marker[i], 'click', example(marker[i].id));  

}

새 기능을 만듭니다

function example(my_window){
    return function(){
        createWindow(my_window);
    }
}