用函数参数链接的方法

Question

在CoffeeScript中链接方法的最佳方法是什么？例如,如果我有这个JavaScript,我怎么能用CoffeeScript编写它？

var req = $.get('foo.htm')
  .success(function( response ){
    // do something
    // ...
  })
  .error(function(){
    // do something
    // ...
  });

Answer 1

使用最新的CoffeeScript,如下:

req = $.get 'foo.html'
  .success (response) ->
    do_something()
  .error (response) ->
    do_something()

...汇编到:

var req;
req = $.get('foo.html').success(function(response) {
  return do_something();
}).error(function(response) {
  return do_something();
});

Answer 2

您可以采取两种方法:对CoffeeScript的最佳"文字"翻译(在我看来)

req = $.get('foo.htm')
  .success((response) ->
    # do something
  )
  .error( ->
    # do something
  )

另一种方法是移动内联函数"outline",这是Jeremy Ashkenas(CoffeeScript的创建者)通常偏爱非平凡函数参数的一种风格:

onSuccess = (response) ->
  # doSomething

onError = ->
  # doSomething

req = $.get('foo.htm').success(onSuccess).error(onError)

当success并且error回调是多行时,后一种方法往往更具可读性; 前者很棒,如果他们只有1-2个衬里.

Answer 3

我有时更喜欢使用较少的括号而不是链接,所以我会修改Trevor的最后一个例子:

req = $.get 'foo.htm'
req.success (response) -> # do something
req.error -> # do something

Answer 4

从Coffeescript 1.7开始,链接已被大大简化,您不应该需要任何与此处提到的与parens相关的解决方法.您的上述示例现在可以写为

req = $.get 'foo.htm'
.success ( response ) ->
  alert "success"
.error ->
  alert "error"

编译到哪个

var req;

req = $.get('foo.htm').success(function(response) {
  return alert("success");
}).error(function() {
  return alert("error");
});

你可以在这里看到这个和其他CS 1.7功能的解释:https://gist.github.com/aseemk/8637896