Closure on a variable modified in loop of outer scope

Dlaczego pokazuje mi się taki błąd:

Closure on a variable modified in loop of outer scope

przy zmiennej j w linijce infowindow.open(map, markers[j]);

 $(window).load(function () {
            var j;
            for (j = 0; j < markers.length; j++) {
                google.maps.event.addListener(markers[j],
                    'click',
                    function() {
                        var contentString = 'Przykładowy napis';
                        var infowindow = new google.maps.InfoWindow({
                            content: contentString
                        });
                        infowindow.open(map, markers[j]);
                    });
                }
            });

A nie będzie przypadkiem tak, że jak funkcja zostanie wywołana, to zmienna j będzie miała wartość markers.length dla wszystkich markerów? Masz jedną zmienną j przechwyconą przez wszystkie funkcje, więc we wszystkich będziesz mieć jedną wartość.

Rozwiązaniem byłoby zdefiniowanie nowych zmiennych po jednej dla każdej iteracji:

 $(window).load(function () {
            var j;
            for (j = 0; j < markers.length; j++) {
                let index = j;
                google.maps.event.addListener(markers[index],
                    'click',
                    function() {
                        var contentString = 'Przykładowy napis';
                        var infowindow = new google.maps.InfoWindow({
                            content: contentString
                        });
                        infowindow.open(map, markers[index]);
                    });
                }
            });

Dzieki, pomogło. Czemu przy pomocy zwykłej zmiennej zamiast let nie działa?

https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Statements/let#Cleaner_code_in_inner_functions

bo jak masz var to jest tworzone wiązanie jedno na funkcję, więc zanim wywołają się funkcje, to j już będzie miało wartość maksymalną. Można tego uniknąć operując na let czy const, które tworzą wiązania blokowe (kiedyś się również tworzyło IIFE - tj. samowywołującą się funkcję, ale teraz zwykle const/let wystarczy).

tutaj jest obszerne wyjaśnienie http://www.teknically-speaking.com/2013/01/closures-in-loops-javascript-gotchas.html