CoffeeScript 返回函数内的函数

Question

我是一名爱好者，正在研究使用 CoffeeScript、Jade 和 Stylus 编写的 Discover Meteor 一书（类似于 this）。

我遇到了一段无法编译成正确 JavaScript 的代码。我的咖啡是这样的：

Template.postSubmit.events
 'submit form': (e) ->
   e.preventDefault()
   post =
    url: $(e.target).find('[name=url]').val()
    title: $(e.target).find('[name=title]').val()
   Meteor.call 'postInsert', post, (error,result) ->
    if error
     return alert(error.reason)
    Router.go('postPage', _id: result.id)
   return

编译成这样：

Template.postSubmit.events({
  'submit form': function(e) {
    var post;
    e.preventDefault();
    post = {
      url: $(e.target).find('[name=url]').val(),
      title: $(e.target).find('[name=title]').val()
    };
    Meteor.call('postInsert', post, function(error, result) {
      if (error) {
        return alert(error.reason);
      }
      return Router.go('postPage', {
        _id: result.id
      });
    });
  }
});

根据书，最后的“return”（在“Router.go”旁边）不属于代码。其他一切似乎都是正确的。我尝试了多种方法来重写我的 CoffeeScript，但都没有成功。我知道 Coffee 在所有函数的最后一行自然地插入了一个返回，但是我没有成功返回空返回或我见过的任何其他建议。我想知道的是：额外的返回是否会干扰代码的执行，以及如何更好地编写我的 CoffeeScript 来避免这种情况发生？

Answer 1

我认为问题在于最后一个 return 语句的缩进。

这是您所拥有的（有 4 个缩进空格，因此您可以更好地看到差异）：

Template.postSubmit.events
    'submit form': (e) ->
        e.preventDefault()
        post =
            url: $(e.target).find('[name=url]').val()
            title: $(e.target).find('[name=title]').val()
        Meteor.call 'postInsert', post, (error,result) ->
            if error
                return alert(error.reason)
            Router.go('postPage', _id: result.id)
        return # this is the return that is the problem

使用这样的代码，Router.go 是对Meteor.call 的回调中的最后一条语句，因此，该表达式的结果从回调中返回。

我想你想要的是这样的：

Template.postSubmit.events
    'submit form': (e) ->
        e.preventDefault()
        post =
            url: $(e.target).find('[name=url]').val()
            title: $(e.target).find('[name=title]').val()
        Meteor.call 'postInsert', post, (error,result) ->
            if error
                return alert(error.reason)
            Router.go('postPage', _id: result.id)
            return # now indented farther!

现在最后的return 是回调中的最后一条语句，它在Router.go 语句之后执行。根据js2.coffee，这个片段编译为：

Template.postSubmit.events({
    'submit form': function(e) {
        var post;
        e.preventDefault();
        post = {
            url: $(e.target).find('[name=url]').val(),
            title: $(e.target).find('[name=title]').val()
        };
        return Meteor.call('postInsert', post, function(error, result) {
            if (error) {
                return alert(error.reason);
            }
            Router.go('postPage', {
                _id: result.id
            });
        });
    }
});

我认为，这正是您要寻找的。​​p>

关于您的其他问题：“它会干扰我的代码吗？”它可能。 Meteor.call 将在（可能）调用完成时调用您的回调。它可能会对回调的结果做一些事情，所以你从回调中返回的内容可能会对你的应用程序产生很大的影响。 Meteor 的 API 应该说明从这个回调和其他回调中返回什么值。