CoffeeScript 1.7.0 でメソッドチェーンがしやすくなった

これまで CoffeeScript で jQuery などのメソッドチェーンを使う際、引数を括弧で囲まざるをえず「これじゃあ JS 書いてるのと変わらないじゃないか！」と思っていたみなさん、こんにちは。

CoffeeScript 1.7.0 から、括弧なしでチェーンできるようになりました。

hello.coffee

$ = require 'jquery'

$ '.hello'
  .data 'foo', 'bar'
  .css
    color: '#999'
    fontWeight: 'bold'
  .on 'click', ->
    doSomething()
  .on 'mouseover', ->
    doOtherThing()
  .show()

とか書いて・・・

coffee -c hello.coffee

コンパイルすると・・・

hello.js

// Generated by CoffeeScript 1.7.0
(function() {
  var $;

  $ = require('jquery');

  $('.hello').data('foo', 'bar').css({
    color: '#999',
    fontWeight: 'bold'
  }).on('click', function() {
    return doSomething();
  }).on('mouseover', function() {
    return doOtherThing();
  }).show();

}).call(this);

やった、チェーンできた！めでたしめでたし。