coffeeScript学习01

安装

• 这里使用node.js

npm install -g coffee-script
# watch and compile
coffee -w --output lib --compile src
//
coffee -w -c index.coffee

语法

• CoffeeScript不是JavaScript的超集，不能在CoffeeScript程序中写JavaScript代码

格式

• CoffeeScript在编译时为每条语句加上;

• CoffeeScript中的注释采用#

作用域

• 会自动添加变量声明‘var’,放到作用域的顶部

赋值

• 字符串可以用类ruby的语法内嵌

target = "world"
alert "hello, #{target}"    //注意双引号
alert "hello" + target

• 字面量

object1 = one: 1, two: 2
object2 =
  one: 1
  two: 2
arr1 = [1, 2]
arr2 = [
 1,
 2
]

• 解构赋值

obj = {a:"foo", b:"bar"}
{a, b} = obj
arr = [1, 2]
[a, b] = arr

数组

• 数组的操作引入了来自ruby的Range概念，并且可以将字符串完全作为数组操作

numbers = [0..9]  //两个或三个点号
numbers[3..5] = [-3,-4,-5]   //替换number 3-5的值；可以是任意个数
my = "my string"[0..1]

• 判断一个值是否在数组内

arr = ["foo", "bar"]
"foo" in arr

• for..in语法

for name, i in ["roger", "roderick"]
  alert "#{i} - Release #{name}"

• 过滤器when

items = ["ranger", "roderick", "brian"]
alert 'ok' for item in items when item is "ranger" 

• 可以用()收集遍历的结果

items = [{id: 0, name: "ranger"}, {id: 1, name: "roderick"}, {id: 2, name: "brian"}]
result = (item for item in items when item.id is 1)   //注意前面有个item；以数组形式返回

流程控制

函数

• CoffeeScript对JavaScript的函数做了很大的简化

sum = (nums) ->
  nums.reduce(x, y) -> x + y

sum 1,2,3

//
(function() {
  var sum;

  sum = function(nums) {
    return nums.reduce(x, y)(function() {
      return x + y;
    });
  };

  sum(1, 2, 3);

}).call(this);

• ->来代替function; 注意前面空一格
• 参数列表放在->的前边，且可省略
• 取消了函数声明，只能将函数作为值定义
• 在CoffeeScript中，任何语句都是表达式(除了break和continue)，都有返回值，因此像ruby一样，不需要显式return
• CoffeeScript的函数可以有默认参数

times = (a = 1, b = 2) -> a * b

• CoffeeScript的函数调用可以不用()语法包围参数，像ruby一样跟在函数名后面就可以，不过这也有时候会带来问题，特别是没有参数的调用

• 缩进的格式有时需要小心，比如用多个函数做参数的时候

$(".toggle").toggle ->
  "on"
, ->
  "off"

//
(function() {
  $(".toggle").toggle(function() {
    return "on";
  }, function() {
    return "off";
  });

}).call(this);