函数在定义时执行？ -JS

Question

我正在浏览Google Maps API指南，并注意到此页面上的演示： https : //developers.google.com/maps/documentation/javascript/marker-clustering显然使用了initMap（）内部定义的函数，实际上打电话给他们。 我能找到的唯一相关信息是，人们在定义或传递为变量时错误地在函数的末尾添加了（），但我看不到这种情况- 这些函数是如何执行的？

function initMap() {

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 3,
    center: {lat: -28.024, lng: 140.887}
  });

  // Create an array of alphabetical characters used to label the markers.
  var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

  // Add some markers to the map.
  // Note: The code uses the JavaScript Array.prototype.map() method to
  // create an array of markers based on a given "locations" array.
  // The map() method here has nothing to do with the Google Maps API.
  var markers = locations.map(function(location, i) {
    return new google.maps.Marker({
      position: location,
      label: labels[i % labels.length]
    });
  });

  // Add a marker clusterer to manage the markers.
  var markerCluster = new MarkerClusterer(map, markers,
      {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
}

Answer 1

答案隐藏在HTML中：

<script async defer 
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">

看到callback参数了吗？ 这告诉Google Maps在库加载完成后立即调用名为initMap的全局定义函数。

Answer 2

该代码创建新对象，并传递现有对象。 例如，当声明map时，代码会调用document.getElementById('map')传递new google.maps.Map(...) document.getElementById('map') 。 Map对象的构造函数创建地图并将其显示在元素内。 确实不需要该变量，除非稍后添加标记。

实际上，您可以从上面的代码中删除var markerCluster = ，它仍然可以正常工作。

如果您的问题是Google Maps API如何知道如何调用initMap ，请参阅Eric的答案。