javascript - 两个js文件加载完成后如何调用一个公共(public)函数？

Question

我想以集群的形式在 map 上显示标记，为此我使用“markercluster.js”和谷歌地图 v3 库。但这里的问题是，要在 map 上显示标记，两个文件都应该完全加载。一种解决方案是我同步加载至少一个文件，但我想使用异步和延迟加载这两个文件。有什么办法可以实现这两件事吗？目前我正在以这种方式加载文件，但是当 googleapi 在markercluster之前加载时，它开始将markerCluster显示为初始化函数内的未定义。

<script async defer src="js/markerclusterer.js"></script>   
<script async defer src="//maps.googleapis.com/maps/api/js?v=3&callback=initialize"> </script>

Answer 1

您可以使用全局变量和 onload 事件。

<script async defer src="js/markerclusterer.js" onload="init()"></script>   
<script async defer src="//maps.googleapis.com/maps/api/js?v=3" onload="init()"></script>

那么你的函数可能如下所示:

var g_file_loaded = 0;

function init()
{
    g_file_loaded++;

    if (g_file_loaded === 2)
    {
        // your initialize function here
    }
}