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/

原文地址:https://www.cnblogs.com/qiuliang/p/3161859.html