JavaScript 中的闭包

Question

function initialize(final) 
{
    if (GBrowserIsCompatible()) {
             ................................................
        }

        var address_array = final.split('~');

        for (var count = 0; count < address_array.length; count++) {
            if (geocoder) {
                geocoder.getLatLng(
        address_array[count],
        makeTheFunction(address_array, count)
    );
            }
        }

  }



  function makeTheFunction(array, thisCount) {
      return function (point) {
          if (!point) {
              alert(array[thisCount] + " not found");
          }


          else {
              var marker = new GMarker(point);
              map.addOverlay(marker);
              GEvent.addListener(marker, "click", function () {
                  marker.openInfoWindowHtml(array[thisCount] + "</b>");
              });
          }
      };
  }

我的问题是，我无法从 else 部分访问 array[thisCount]，尽管可以从 if 块访问它。即 alert(array[thisCount] + " not find") ; 正在工作 请帮忙

Answer 1

在 else 块或“click”处理程序中是否无法访问它？如果您无法仅在“单击”处理程序中获取 array/thisCount，您是否尝试过复制这些变量？这可能是上下文的问题吗？如果您的数组在 else 块中可见，请尝试此操作：

function makeTheFunction(array, thisCount) {
  return function (point) {
      if (!point) {
          alert(array[thisCount] + " not found");
      }


      else {
          var item = array[thisCount];
          var marker = new GMarker(point);
          map.addOverlay(marker);
          GEvent.addListener(marker, "click", function () {
              marker.openInfoWindowHtml(item + "</b>");
          });
      }
  };

}

Answer 2

function makeTheFunction(array, thisCount) 
{         
          if (!point) 
          {
              alert(array[thisCount] + " not found");
          }
          else 
          {
              var marker = new GMarker(point);
              map.addOverlay(marker);
              GEvent.addListener(marker, "click", function () {
                  marker.openInfoWindowHtml(array[thisCount] + "</b>");
              });
          }
      return point;
  }

Answer 3

我建议 addListener 函数出了问题。在提供的代码中，侦听器中的 thisCount 应该有一个对 makeTheFunction 函数中的 thisCount 的闭包。

以下模拟发布的代码：

<script type="text/javascript">

function init() {
  var count = 'the count';
  partTwo(makeFn(count));

  function makeFn(thisCount) {
    return function() {

      // Shows 'thisCount: the count'
      alert('thisCount: ' + thisCount);
      document.getElementById('btn0').addEventListener('click',
        function(){alert('thisCount: ' + thisCount);}, false);
    }
  }
}

function partTwo(fn) {
  fn();
}

window.onload = function() {
  init();
};

</script>

<!-- Shows 'thisCount: the count' -->   
<button id="btn0">Button 0</button>

但是，它使用浏览器 addEventListener 附加侦听器，而不是明显自定义的 addListener。