Mootools 毁掉了我的全局变量！！！谷歌地图 +穆工具

Question

我使用 Mootools 来做一些事情，比如凹凸盒和 Google 地图应用程序中的东西。一切都 100% 工作，在我添加 Mootools 脚本之前，无论我在声明全局变量之前还是之后添加脚本，Mootools 都会杀死它们...看一下片段

<script language="javascript" type="text/javascript" src="mootools.js"></script>
<script language="javascript" type="text/javascript" src="bumpbox.js"></script>

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript">
</script>
<script type="text/javascript">

    var currentBounds;
    var currentMarker = null;
    var currentInfo = null;
    var markersArrayProps = [];
    var markersArrayAreas = [];
</script>

还有更多...但这只是显示了正在发生的事情，如果我删除调用 mootools.js 的行，一切都会正常。基本上，在 XMLHTTPRequest 期间，markersArrayProps 的填充方式如下：

markersArrayAreas.push(marker);

然后，有一个用于idle 的地图的事件侦听器，它会执行一些计算以查看是否应该删除区域标记，并且根据地图的边界加载属性标记。无需了解细节，但每当调用此 idle 函数时，我都会像这样循环遍历数组：

function clearAreaOverlays() {
  if (markersArrayAreas) {
    for (i in markersArrayAreas) {
      markersArrayAreas[i].setMap(null);
    }
  }
}

它返回 markersArrayAreas[i].setMap() 是不是一个函数。仅当页面中包含 mootools 脚本时，如果我删除 mootools，一切正常。有什么想法吗？

Answer 1

解决此问题的最简单方法是使用以下模式重写循环：

for(var i=0,l=markersArrayAreas.length, i<l, i++) { if(i in markersArrayAreas) { ... } }

看起来您正在使用markerArrayAreas 作为标准整数索引数组。因此，您不应使用 (for i in array) 模式来迭代它。首先，它比使用基于索引的计数循环效率低得多。

但此外，此模式会迭代对象的所有成员。就您而言，MooTools 使用一些更多的自定义函数扩展了数组原型，因此每当您创建数组时，除了编号的数组值之外，对象中现在还有其他属性。如果打印 i 的值，您应该会发现它不再只是数字。

您可以通过使用 hasOwnProperty 函数检查每个属性名称是否引用未从原型继承的属性来解决此问题，但同样，这将是效率比低得多。

有关显示这些不同循环结构的相对性能的快速基准测试，请参见此处：http://jsperf.com /用于测试

Answer 2

好的，感谢大家的意见，特别感谢 Jason 指出 mootools 数组原型......使用 mootools .each 函数

    markersArrayAreas.each (function (item){
        item.setMap(null);
    });

Answer 3

您可以命名这些全局变量。这需要一些返工，但可以保证您的内容免受其他脚本的影响：

var my_globals_with_a_very_unique_name_mf = {
    // redeclare all your variables in here
}

然后，每当您引用这些变量时，只需进入该对象即可：

my_globals_with_a_very_unique_name_mf.markersArrayProps