CoffeeScript 总是以匿名函数返回

Question

我正在尝试编写一些 CoffeScript 函数，该函数在检查表中的复选框时检查表中的所有复选框。

我在 CoffeeScript 中的函数如下所示：

$("table.tableview th input:checkbox").live 'click', -> 
  checkedStatus = this.checked
  $("table.tableview tbody tr td:first-child input:checkbox").each ->
      this.checked = checkedStatus

它非常适合选中所有框。但是，取消选中后，它不起作用。编译后的 JS 看起来像这样：

$("table.tableview th input:checkbox").live('click', function() {
  var checkedStatus;
  checkedStatus = this.checked;
  return $("table.tableview tbody tr td:first-child input:checkbox").each(function() {
    return this.checked = checkedStatus;
  });
});

它不起作用，因为在第一个设置为 false 后，函数的返回将为 false。然而，我不知道如何抑制咖啡脚本的这种默认返回行为。请帮忙。

当我按照 Flambino 的建议添加“true”时，我得到以下 JS

$("table.tableview th input:checkbox").live('click', function() {
    var checkedStatus;
    checkedStatus = this.checked;
    $("table.tableview tbody tr td:first-child input:checkbox").each(function() {
        return this.checked = checkedStatus;
    });
    return true;
});

我可以在函数内获取 return 语句的唯一方法是将其一直这样放置：

$("table.tableview tbody tr td:first-child input:checkbox").each ->
    this.checked = checkedStatus
true

我做错了什么？感谢到目前为止的帮助

Answer 1

如果您仅使用 return （或等效地，undefined）作为函数的最后一行，CoffeeScript 编译器将为您提供没有 return 的 JS > 完全没有。因此，编写代码的最有效方法是

$("table.tableview th input:checkbox").live 'click', -> 
  checkedStatus = this.checked
  $("table.tableview tbody tr td:first-child input:checkbox").each ->
    this.checked = checkedStatus
    return
  return

（当然，您可以安全地执行没有第二个 return 的操作。只有 false 返回值在 jQuery 中才有效。 )

还有一个建议的语法 (-/>) 用于定义没有返回值的函数；请参阅问题 899。

Answer 2

只需添加一个 true 作为函数的最后一行，coffeescript 就会编译 JS 来返回它：换句话说

$("table.tableview th input:checkbox").live 'click', -> 
    checkedStatus = this.checked
    $("table.tableview tbody tr td:first-child input:checkbox").each ->
        this.checked = checkedStatus
    true

，CoffeeScript 总是返回最后一行的结果（就像 Ruby 一样）

---

编辑（问题更新后）：

同样，您无法阻止 CoffeeScript 返回函数中最后一行的值 - CoffeeScript 的部分要点是它正是这样做的。

CoffeeScript 有大量的空格，因此缩进表示属于一起的内容 - 您的示例实际上是正确的：

$("table.tableview th input:checkbox").live 'click', -> 
    checkedStatus = this.checked
    $("table.tableview tbody tr td:first-child input:checkbox").each ->
        this.checked = checkedStatus
        true // cause this function (the each-iterator) to return true
    true // causes the click handler function to return true

这与在函数中编写 return true 没有区别，就像在 javascript 中一样。您只需使用空格而不是 {} 来创建代码块。