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/