本篇文章是对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/

最新文章

  1. Npoi导入导出Excel操作
  2. APP 版本更新 流程(已上架APP,提交新版本)
  3. css3中的animation
  4. Dynamic CRM 2013学习笔记(十三)附件上传 / 上传附件
  5. 2014 Super Training #1 F Passage 概率DP
  6. 打开10.10.3上SSD的TRIM-黑苹果之路
  7. hdu 5444 Elven Postman(根据先序遍历和中序遍历求后序遍历)2015 ACM/ICPC Asia Regional Changchun Online
  8. MEF 编程指南(八):过滤目录
  9. gem &#39;logstash-devutils&#39;
  10. codeforces 148D之概率DP
  11. Hibernate Validation各注解的用法
  12. thinkphp phpexcel导出
  13. ng动态显示和隐藏
  14. STL:map/multimap用法详解
  15. JavaScript夯实基础系列(一):词法作用域
  16. 无需认证的mail,适用于ZABBIX等运维系统
  17. 动态规划dp
  18. WordCount测试项目小结
  19. docker_File 执行报错总结
  20. Spring源码分析:非懒加载的单例Bean初始化前后的一些操作

热门文章

  1. SQL编码规范
  2. java 实现JSON数据格式化
  3. SQL优化器执行过程之逻辑算子
  4. Http请求原理与相关知识
  5. HTML5 ——web audio API 音乐可视化(一)
  6. python标准日志模块logging使用
  7. ffmpeg的centos、msys2、msvc编译
  8. LeetCode OJ:Add Binary(二进制相加)
  9. html的meta总结,html标签中meta属性使用介绍(转)
  10. Excel 读写操作