javascript - 包括 Coffescript 生成的 javascript？

Question

我在 test.js 中有以下 Coffeescript

yo () -> console.log("yo")

当通过 coffee -o public/javascripts/-cw public/coffeescripts/编译时，我得到 public/javascripts/test.js:

// Generated by CoffeeScript 1.4.0
(function() {
  var yo;

  yo = function() {
    return console.log('yo');
  };

}).call(this);

我试图以通常的方式将其包含在 HTML 文件中:

<script src="/javascripts/test.js" type="text/javascript"></script>
<script type='text/javascript'>
  //<![CDATA[
  $(function() {
    alert('before yo');
    yo();
    alert('after yo');
  });
  //]]>
</script>

但是我不断收到“ Uncaught ReferenceError :你未定义”。实际使用 Coffeescript 生成的 javascript 的过程是什么？

Answer 1

在您的 CoffeeScript 文件中，yo 是一个局部变量。它不是全局变量。如果您想从另一个 JavaScript 文件或 HTML 文件中的 JavaScript 使用该变量，则需要将 yo 设为全局变量。

您可以像这样在 CoffeeScript 文件中执行此操作:

yo = -> ...

# either
@yo = yo
# or
window.yo = yo