从调用咖啡脚本定义的函数<script> in html?

Question

我有一个Rails应用程序，我正在用CoffeeScript重写我的所有JS，只是为了将其签出。

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

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

<script>
initialize()
</script>

现在我的初始化方法可以正常工作了，因为它只是用JavaScript编写的，但是现在有了咖啡脚本功能，浏览器控制台会说：

"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);
  }
}