035. coffeescript 笔记 - cwy007/tips-and-skills GitHub Wiki

1. 语法 & 概念

  1. 在CoffeeScript程序中空格是有意义的

  2. CoffeeScript的解释器

  3. CoffeeScript去掉了分号

  4. 注释格式与Ruby的一致，以一个哈希字符开头。 # A comment

###
      A multiline comment, perhaps a LICENSE.
###

5. 变量和作用域

CoffeeScript使用一个匿名函数把所有脚本 都包裹起来，将其限定在局部作用域中

  1. 通过直接给全局对象(浏览器中的window)赋值来获得全局变量 也可以通过下面这种模式。
exports = this 
exports.MyVariable = "foo-bar"

在顶级作用域中，this就相当于全局对象

  1. CommonJS模块

8. 函数

  1. 移除了冗长的function语句，以瘦箭头->替之

  2. 函数的最后一个表达式会作为隐式的返回值

  3. 函数名，函数参数，函数体 CoffeeScript允许你通过在箭头前面的括号中指定参数。 times = (a, b) -> a * b

还支持默认参数，例如: times = (a = 1, b = 2) -> a * b

可以使用参数槽(splats)接收多个参数，使用...表示:

    sum = (nums...) ->
      result = 0
      nums.forEach (n) -> result += n
      result

12. 函数上下文

  1. ->的变种胖箭头的函数=> 使用胖箭头代替普通箭头是为了确保函数的上下文可以绑定为当前的上下文。例如:
this.clickHandler = -> alert "clicked" 
element.addEventListener "click", (e) => this.clickHandler(e)

  1. 对象字面量

  2. 执行体

  3. CoffeeScript并不支持条件运算符，作为替代你应该使用单行的if/else 语句。

# Equivalent to:
# (1>0)?"Ok":"Y2K!"
if 1 > 0 then "Ok" else "Y2K!"

  1. 在if语句前使用前缀表达式。 alert "It's cold!" if heat < 5

  2. 可以使用not关键字来代替感叹号(!)来做取反操作

  3. unless关键字，即if的否定。

  4. is语句，编译过去就是===。

if true is 1
  "Type coercion fail!"
  1. isnt代替is not。

22. 字符串插值法

  1. 循环和列表解析
for name in ["Roger", "Roderick", "Brian"] 
  alert "Release #{name}"

# 加上索引
for name, i in ["Roger the pickpocket", "Roderick the robber"] 
  alert "#{i} - Release #{name}"
  1. 测数组中是否存在某个值是一件麻烦事
words = ["rattled", "roudy", "rebbles", "ranks"]
alert "Stop wagging me" if "ranks" in words

  1. @，是this的别名。

  2. ::，prototype的别名

  3. CoffeeScript存在操作符?只会在变量为null或者 undefined 的时候会返回真，与Ruby的nil?类似 praise if brian?

  4. 你还能用它来替换||操作符: velocity = southern ? 40

  5. 如果你在访问属性之前进行null检查， 你可以把存在操作符放在它左边来跳过检查。 这与 Actice Support 的try方法比较类似。 blackKnight.getLegs()?.kick()

你能够用同样的方法检查一个属性是否是函数，是否可以调用，把存在操作符放在括号之前 就行。 如果属性不存在，或者不是一个函数，则就不会被调用。 blackKnight.getLegs().kick?()