从html中的<script>调用coffeescript定义的函数？

Question

我有一个 Rails 应用程序，我正在用 CoffeeScript 重写我所有的 JS 来检查它。

我了解 CoffeeScript 可以编译为 JS，但我遇到了一些问题。

我正在使用 Google Maps API，并且我的一个 html.erb 文件中有一个脚本标记，如下所示：

<script>
initialize()
</script>

现在我的初始化可以正常工作，因为它只是用 javascript 编写的，但现在我有一个 coffeescript 函数，而不是浏览器控制台说：

"Uncaught ReferenceError: initialize is not defined"

我把它放在函数定义后的coffeescript文件的底部，但仍然没有骰子。

window["initialize"] = initialize

Answer 1

这真的与 CoffeeScript vs JS 没有任何关系。而是因为您的内联脚本在声明window.initialize 的外部文件运行之前运行。

人们普遍认为内联脚本标签是一种不好的做法。所以从摆脱它开始吧。

这是一个示例，说明如何使用 google loader 和 jQuery.Deferred 代替全局回调函数：

jQuery(function(){
  var apiLoaded = jQuery.Deferred();
  var mapInit = jQuery.Deferred();
  var $map_canvas = $('#map_canvas');

  if ( $map_canvas.length ) {
    google.load("maps", "3", { other_params:'sensor=false', callback: function(){
      apiLoaded.resolve(google);
    }});

    apiLoaded.done(function(g){
      var map = new g.maps.Map($map_canvas[0],{
          center: new google.maps.LatLng(63.399313, 13.082236),
          zoom: 10,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });
      mapInit.resolve(map);
    });

    mapInit.done(function(map){
      // do something with the map!
    });
  }
});

如果您没有使用 jQuery 或加载器，您需要使用轮询来检查是否加载了 google maps API：

function init(gmaps){
    // do something with the maps api...
}

function isLoaded(){
  if (!window.google){
    window.setTimeout(function(){ isLoaded() }, 10);
  } else {
     init(window.google.maps);
  }
}