CoffeeScript基础

1.CoffeeScript 编译器本身是 CoffeeScript 写的, 使用了 Jison parser generator. 命令行版本的 coffee 是一个实用的 Node.js 工具. 不过编译器并不依赖 Node, 而是能运行于任何 JavaScript 执行环境, 比如说在浏览器里(看上边的"试一试 CoffeeScript").

2.安装CoffeeScript之前需要安装node.js和npm

3.CoffeeScript 使用显式的空白来区分代码块. 你不需要使用分号 ; 来关闭表达式, 在一行的结尾换行就可以了(尽管分号依然可以用来把多行的表达式简写到一行里). 不需要再用花括号来{ } 包裹代码快, 在函数, if 表达式, switch, 和 try/catch 当中使用缩进.

4.函数：

square=(x)->x*x （CoffeeScript的写法）

相当于下面的代码（JS的写法）

square=function(x){
return x*x;
}

5.对象可以用缩进替代花括号来声明。

6.If, else, unless和条件运算符：

CoffeeScript 里不存在直白的三元表达式. — 你只要在一行内使用普通的 if 语句.

7.为了更好的可读性，until关键字等同于while not, loop关键字等同于while true。

8.CoffeeScript 提供了一个 do 关键字, 用来直接调用跟在后边的函数, 并且传递需要的参数.

9.有一些 JavaScript 语句是不能编译到表达式的对应的语义的, 比如 break, continue 和 return. 如果你的代码当中用到了它们, CoffeeScript 是步骤尝试去进行转换的.

10.操作符：

由于操作符 == 常常带来不准确的约束, 不容易达到效果, 而且跟其他语言当中意思不一致, CoffeeScript 会把 == 编译为 ===, 把 != 变异为 !==. 此外, is 编译我 ===, 而 isnt 编译为 !==.

not 可以作为 ! 的 alias 使用.

逻辑操作方面, and 编译为 &&, 而 or 编译为 ||.

11.

on 和 yes 跟 true 是一样的, 而 off 和 no 是布尔值 false.

unless 可以认为是 if 相反的版本.

this.property 简短的写法可以用 @property.

可以用 in 判断数据在数组中是否出现, 而 of 可以探测 JavaScript 对象的属性是否存在.

为了简化数学表达式, ** 可以用来表示乘方, // 表示整除, %% 提供数学的模运算

完整的列表：

完整的列表:

CoffeeScript	JavaScript
is	===
isnt	!==
not	!
and	&&
or	\|\|
true, yes, on	true
false, no, off	false
@, this	this
of	in
in	no JS equivalent
a ** b	Math.pow(a, b)
a // b	Math.floor(a / b)
a %% b	(a % b + b) % b

CoffeeScript基础相关推荐

免费的JavaScript书籍资源
JavaScript目前变得越来越流行,已经变成了Web开发必备的语言,加之其跨平台的特性,使得在一切皆为JavaScript的移动互联网时代大有作为. 同时,我们看到,在过去的2013这一年的软件开 ...
45本免费的JavaScript书籍资源
JavaScript 目前变得越来越流行,已经变成了 Web 开发必备的语言,加之其跨平台的特性,使得在一切皆为 JavaScript 的移动互联网时代大有作为. 同时,我们看到,在过去的 2013 ...
45本免费的JavaScript书籍资源收集
JavaScript目前变得越来越流行,已经变成了Web开发必备的语言,加之其跨平台的特性,使得在一切皆为JavaScript的移动互联网时代大有作为. 同时,我们看到,在过去的这一年的软件开发中,J ...
用typescript完成倒计时_「干货」将数十万行CoffeeScript代码迁移到TypeScript
作者 | David Goldstein 译者 | 王强策划 | 小智转发链接:https://mp.weixin.qq.com/s/TK7kWXX4hR3e-jtpVMuBnw 序言 2017 ...
coffeescript html5,HTML5——前端预处理技术（Less、Sass、CoffeeScript）
一.Less 1.1.概要 Less是一种动态样式语言,Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量.Mixin.函数等特性,使 CSS 更易维护和扩展. Less 将 C ...
typescript和coffeescript简介
typescript 1.什么是typescript?和JavaScript有什么关系? 1.它是一门独立的语言,实现了自己的编译器 2.它的目标代码是JavaScript(很多语言的目标代码是机 ...
CSS3（七）前端预处理技术（Less、Sass、CoffeeScript）
目录一.Less 1.1.概要 1.2.变量 1.3.解析Less 1.3.1.在线处理 1.3.2.预处理 1.4.混入(Mixins) 1.5.嵌套 1.6.运算 1.7.函数 1.8.继承 1 ...
前端搬运工：零基础的前端开发初学者应如何系统地学习？前端掌握技能的学习路线
前端小伙伴们:[刚入门,但迷茫人群],请认真读完下面的淘宝web 大神总结,如果你对前端是真爱的话,并且坚信可以作为职业去改变你的生活,慢慢日积月累,按这个来吧,真的! 上半部分是技术路线, 下 ...
整合Springboot+Vue（基础框架）
初期技术栈计划:Springboot2.13 + Vue + Mybatis + Postgresql + redies + FreeMarker(这个不一定会用到) 整合配置:Logback日志管理 ...
CoffeeScript入门
官网文档传送门 CoffeeScript简介 CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. ...

CoffeeScript基础

CoffeeScript基础相关推荐

最新文章

热门文章