facebook twitter hatena line google mixi email

Javascript/nodejs/coffee-script

提供: 初心者エンジニアの簡易メモ
移動: 案内検索

インストール

# npm install -g coffee-script

バージョン確認

$ coffee -v

helloworld

  • hello.coffee
hello = ->
    console.log "Hello World!"
hello()
  • コンパイル
$ coffee -c hello.coffee
  • hello.jsが出力される
(function() {
  var hello;
  hello = function() {
    return console.log("Hello World!");
  };
  hello();
}).call(this);

配列

arr=[1,2,3]

オブジェクト

object=
   name: "hoge"
   age : 19

ファンクション

  • coffee
square = (x) -> x * x
console.log square(4)                // 4
  • js
square = function(x) {
  return x * x;
};

for文

ary = [
    "abc"
    "def"
    "ghi"
    "jkl"
]
for value in ary
    console.log value

if文

value = 10
if value is 10
    console.log "ok"
else
    console.log "ng"

変数展開

name = "hoge1"
console.log "hoge #{name}"        // hoge hoge1

this変数

test = ->
  name = "hoge1"
  console.log @name

クラス文

class Animal
  constructor: (@name) ->

  foot: (count) ->
     @name + " footcount " + count

class Cat extends Animal
  foot: ->
    super 4

cat = new Cat "cat"

console.log cat.foot()

try catch

try
  throw "throw error"
catch error
  console.log error
finally
  console.log error

ヒアドキュメント

heredoc = 
HERE
Document

イベントバインド

Account = (customer, cart) ->
  @customer = customer
  @cart = cart
  $('.shopping_cart').bind 'click', (event) =>
    @customer.purchase @cart

参考

http://tech.kayac.com/archive/coffeescript-tutorial.html

http://memo.sappari.org/coffeescript/coffeescript-langref

http://d.hatena.ne.jp/nodamushi/20110108/1294518316