About CoffeeScript

本篇文章是对CoffeeScript做一个初步的了解、入门的学习笔记。

什么是CoffeeScript

一种新编程语言，是一套JavaScript的转译语言，可编译成高效的JavaScript。还可以与Node.js技术相结合，构建高效的服务器端应用程序。受到Ruby、Python等语言的启发，CoffeeScript增强了JavaScript的简洁性和可读性。

CoffeeScript解决了JavaScript的一些问题：

• 简单的语法，减少样板代码，例如括号和逗号
• 使用空格作为组织代码块的方法
• 提供表达函数的简单语法
• 提供基于类的继承

示例代码

CoffeeScript

alert "Hello CoffeeScript!"
x = (a) -> a*2

for i in [0..5]
    console.log "Hello #{i}"

等价于如下的代码：

JavaScript

var x;

alert("Hello CoffeeScript!");

x = function(a) {
    return a * 2;
};

(function() {
    var i;
    for (i = 0; i <= 5; i++) {
        console.log("Hello " + i);
    }
}).call(this);

 

可以看出，某些语法和Ruby完全一致，但相比JavaScript，要简洁了很多。

Web页面中的CoffeeScript

首先在head区域加上CoffeeScript的编译器：

<script type="text/javascript" src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script>

 

然后就可以在html文件里编写CoffeeScript代码了：

<script type="text/coffeescript">
      x = (a) -> a*2
      alert x(3)
</script>

 

自己动手测试一下吧。

Reference

http://coffeescript.org/

http://baike.baidu.com/view/4809539.htm

http://zh.wikipedia.org/wiki/CoffeeScript

http://blog.jobbole.com/29190/