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/