CoffeeScript系列教程(三)—声明

CoffeeScript的声明很简单,如下:

###
  编译前
###
name = 'xxx' #名称
age = 10 #年龄
 /*
  编译后
 */
var age, name;
name = 'xxx';
age = 10;

CoffeeScript的单行注释是#,多行注释是###,看上面就知道了。观察代码大家可以发现:

  • CoffeeScript的声明不需要关键字var去声明,编译后的代码会帮你加声明。如果你硬加上var会报错,编译失败
  • 不需要使用分号去关闭表达式,编译后的代码会帮你加上分号。但是加上分号编译也能通过,但是最好别这么干。

下面我们来看看数组和对象的声明。

#编译前
array = [1, 2, 3, 4, 5, 6]
obj = 
  name: 'xxx'
  age: 10

//编译后    
var array, obj;
array = [1, 2, 3, 4, 5, 6];
obj = {
  name: 'xxx',
  age: 10
};
数组的声明和JavaScript一模一样(除了少了个关键字var和结尾的分号),值得一提的是在CoffeeScript里面数组还有种声明写法:

#编译前
array = [
  1, 2, 3
  4, 5, 6
]

//编译后
var array;
array = [1, 2, 3, 4, 5, 6];

大家可以看到数组里的元素换行了可以省掉分号不写。建议不要这么写,看起来好像二维数组,容易造成误解。

观察对象的声明发现少了花括号{},CoffeeScript里面的代码块都不需要花括号{}来包裹,而是通过换行和缩进来控制的。比如:

#编译前
obj =
  name: 'xxx'
  age: 10
  obj1:
    name: 'yyy'
    age: 20

//编译后
var obj;

obj = {
  name: 'xxx',
  age: 10,
  obj1: {
    name: 'yyy',
    age: 20
  }
};

name、age、obj1都缩进了,所以编译后成功都在{}内部。至于缩进多少都没有关系(一个字符、甚至任意字符都可以),但是有一点得记住,保持统一的缩进风格,不要有些地方缩进一个字符,有些地方又缩进两个字符。就拿上面的例子来说,代码都是缩进两个字符的,如果你obj1缩进一个字符编译就会失败,因为没办法解析。要保持编码的统一风格。

你可能感兴趣的:(CoffeeScript)