CoffeeScriptのメモ

たまに業務で使うのですが、忘れてしまうのでメモ。

CoffeeScriptってそもそも何？

私も今の会社に入って初めて聞きましたが、昔流行っていたJavaScriptにコンパイルされるプログラミング言語です。
JavaScriptを簡略化して書けるみたいですね。

コメント

コメント

# コメント

###
複数行コメント
###

変数

CoffeeScript

hoge = "hoge"

変数宣言のキーワードとセミコロンが必要ありません。

配列

CoffeeScript

array = [
  "aaa"
  "bbb"
  "ccc"
]

変数宣言のキーワードとカンマとセミコロンが必要ありません。

メソッド

CoffeeScript

hoge = ->
  alert "アラート"

引数を使用する場合は下記

CoffeeScript

hoge = (fuga)->
  alert "huga" + fuga

if文

CoffeeScript

if true == true
  console.log 'true'
else
  console.log 'false'

jQueryで使用する

例：クリックイベント

CoffeeScript

 $('#btn').click (e) ->
     alert "こんにちは"

例：マウスオーバー&アウト

CoffeeScript

$('#btn').hover ->
    $(@).css("color", "#fff")
,->
    $(@).css("color", "#000")

感想

Javascriptの歴史に触れることができました（笑）