Javascript: контекст выполнения функции

Question

[javax]

Делаю цикл, чтобы на маркеры гугловских карт повесить листенеры показа InfoWindow

 for (var i = 0; i < points.length; i++) {


	    var point = points[i];
	    var myLatLng = new google.maps.LatLng(point.lat, point.lng);
	    var marker = new google.maps.Marker({
	        position: myLatLng,
	        map: map,
	        icon: point.icon,
	        title: point.name,
	        visible:false
	    });
        google.maps.event.addListener(marker, 'click', function() {
              infowindow.setContent(point.description);
              infowindow.setPosition(myLatLng);
              infowindow.open(map);
        });

	    point.marker = marker;
	  }

В результате при клике на маркер он показывается всегда для последней точки.
Т.е. такое ощущение, что функция создается не в своём контексте (как я привык в Яве), а используется последнее значение point из цикла.

Как это работает в JavaScript? Что делать чтобы листенер для каждого маркера показывал InfoWindow в правильном месте?

Спасибо

Answer 1

[marcus]

У вас замыкание в point. Нужно вынести добавление листенера в отдельную функцию с одним аргументом, которую вызывать в цикле и передавать туда pointer.

Comments

[javax]

А!!! Круто, спасибо!
Объясните, пожалуйста, почему так, в чем разница?

[marcus]

Замечали, что в JavaScript вложенные функции имеют доступ к локальным переменным внешних функций? Похоже на область видимости, но это несколько глубже — называется замыканием. Так вот, внутри анонимной функции, переданной в addListener, используется переменная point, которая является ссылкой на внешнюю переменную point, которая меняется в цикле. А передавая её в качестве аргумента мы используем значение переменной, а не ссылку на нее.

[javax]

Понял. Спасибо!

Answer 2

[B@rmaley.e><e]

javascript.ru/closure

Comments

[B@rmaley.e><e]

Ой, неправильная ссылка. javascript.ru/basic/closure

[javax]

Спасибо, изучаю.

Answer 3

[Eugene]

Нужно внутри цикла всё поместить внутрь функции и вызывать её:

(function() {
//…
})();

Тогда для каждого элемента цикла будет своё собственное окружение.