スタートページJavascriptCoffeeScript
CoffeeScriptの概要← 文法の基本(1)変数の指定→ (2)制御命令(3)関数

CoffeeScript文法の基本(1)変数の指定

    全般
    文字列
    数値配列の特殊指定
    仮想配列(Object配列)

ここでは、CoffeeScript の基本のキ(どころかK)に絞っています。詳しくは、次のサイトを参照してください。
   nodamushi「プログラムdeタマゴ」
   金子邦彦研究室「CoffeeScript の機能と文法」

全般

CoffeeScript

###
CoffeeScript文法
複数行に渡るコメントです。
###

a = 10;
b = 20      # ; は省略可能

alert("abc");
alert "def"  # () は省略可能

if x > 10
    alert x  # ブロック内部は字下げ
  

JavaScript

/*
CoffeeScript文法
複数行に渡るコメントです。
*/
var a, b;
a = 10;
b = 20; //      # ; は省略可能

alert("abc");
alert("def"); //  # () は省略可能

if (x > 10) {
  alert(x); //  # ブロック内部は字下げ
}

文字列

CoffeeScript


a = "Hello, world!"

b = "Hello,
world!"

c = """Hello,
world!"""

d = "エリ"
alert "Hello, #{d}さん!"
  

JavaScript

var a, b, c, d;
a = "Hello, world!";

b = "Hello, world!";


c = `Hello,
world!`;

d = "エリ"
alert(`Hello, ${d}さん!`);

数値配列の特殊指定

CoffeeScript


ma = [1..5]
mb = [1...5]
  

JavaScript

var ma, mb;
ma = [1, 2, 3, 4, 5];
mb = [1, 2, 3, 4];

仮想配列(Object配列)

{ }(ブロック)を字下げで表現します。

CoffeeScript


学生 =
    阿部:
        学部: "文学部"
        年齢: 20

    井上:
        学部: "工学部"
        年齢: 20
  

JavaScript

var 学生;
学生 = {
  阿部: {
    学部: "文学部",
    年齢: 20
  },
  井上: {
    学部: "工学部",
    年齢: 20
  }
};