CoffeeScriptの関数(?)の違い

Question

↓の関数定義(?)の違いは何でしょうか？

aaa = (hikisu) ->

bbb: (hikisu) ->

= と : の違いは何でしょうか？

Answer 1

実際にCoffeeScript公式ページのTry CoffeeScriptでコンパイルしてみると、以下のようなJavaScriptが生成されます。

var aaa;

aaa = function(hikisu) {
  return alert(hikisu);
};

({
  bbb: function(hikisu) {
    return alert(hikisu);
  }
});

bbb関数は生成されるのですが、
「無名の即時関数内でbbbというキーに対して無名の関数を定義している」
という状態になるかと思います。

なので、axax90さんのコードを参考に、以下のようにコードを書き換えたとしても、
「bbb is not defined」
と怒られます。

aaa = (hikisu) -> alert(hikisu)

bbb: (hikisu) -> alert(hikisu)

bbb('hoge'); // bbbを呼びだそうとしたけど怒られる。

「じゃあ:による関数定義って、どうやって使えばいいんだ？」
となると思いますが、自分が思いつくのは以下のような感じでしょうか。

/*
Dogクラス
constructor(str): 犬の名前を指定する
bark(str): 吠える（指定した文字列をポップアップで表示し、コンソールログに名前とポップアップの内容を表示する
*/
class Dog
    constructor: (@name) ->
    bark: (voice) ->
        alert(voice)
        console.log(@name + ' barked ' + voice)

// shibaという変数にDogオブジェクトを作成
shiba = new Dog('pochi')

// shibaのbark関数を実行
shiba.bark('bow') // ポップアップで「bow」と表示され、コンソールログに「pochi barked bow」と記録される。

---

余談。
EcmaScript2015（最新版のJavaScriptと言えばよろしいでしょうか）で書くと、こんな感じになると思います。（動作確認はBabelで行いました）

class Dog{
  constructor(n){
    let name = n
  }
  bark(voice){
    alert(voice)
  }
};

var shiba = new Dog('pochi')
shiba.bark('bow')

以上です。
冗長な説明になりましたが、参考になると幸いです。

Answer 2

JavaScript にコンパイルすればわかります。

$ coffee -cbp sample.coffee

// Generated by CoffeeScript 1.10.0
var aaa;

aaa = function(hikisu) {};

({
  bbb: function(hikisu) {}
});

結果を見てもわからないのであれば、まずは JavaScript の勉強をすることをオススメします。
CoffeeScript は JavaScript がわかっているのが大前提です。

Comments

[axax90]

回答ありがとうございます