controller.js.coffee 中的函数

Question

我在使用 CoffeeScript 创建函数时遇到一些问题，我想我错过了一些东西。对于我的用户控制器，我想为注册表单创建客户端验证。我认为我错过了这一切如何运作的一些基本内容。

<%= form_for @user, :html => {:onsubmit => "return validate_signup_form();"} do |f| %>

CoffeeScript (assets/users.js.coffee)：

validate_signup_form = () ->
    alert "Hi"
    return false

预期输出：

var validate_signup_form;
validate_signup_form = function() {
  alert("Hi");
  return false;
};
validate_signup_form();

实际输出：

(function() {
  var validate_signup_form;
  validate_signup_form = function() {
    alert("Hi");
    return false;
  };
}).call(this);

Answer 1

事实上，一切都按照预期进行。正如您可以在此处阅读的那样，Coffeescript 将您的代码包装在匿名函数中以防止污染全局命名空间。如果您只看一下示例，您可能会错过这一点，但文档明确指出：

尽管在此范围内受到压制
为了清晰起见，所有文档
CoffeeScript 输出被包装在
匿名函数：(function(){ ...
})();该安全包装结合了
随着自动生成
var 关键字，使其变得非常
很难污染全球
偶然的命名空间。

为了访问在此人工范围内声明的对象、变量或方法，您需要使其在全局范围内显式可用，例如：

window.validate_signup_form = validate_signup_form

在您提到的情况下，我肯定会使用事件来触发方法。

顺便说一句：方法声明中不需要空括号 foo =-> 就可以正常工作。

Answer 2

Polarblau的回答是非常正确的。另请参阅：

• 摆脱 CoffeeScript 的闭包包装
• 如何使用选项Rails 3.1 for CoffeeScript 中的“--bare”？

闭包包装器是保持文件模块化的好方法（因为它们应该如此），所以我强烈建议不要删除它。请注意，在模块的外部范围中，this/@ 将是 window，因此您可以使代码按预期工作只需添加一个字符：

@validate_signup_form = ->
  alert "Hi"
  false

您可以选择使用 @ 还是 window. 来定义全局变量，但使用 @ 样式还有另一个优点：如果您在 Node.js 应用程序中重用代码，那么它仍然有效。这些对象将附加到 exports 而不是 window。