coffeescript基本语法

coffeescript是javascript的预编译器，coffeescript是javascript上面的一层，必须通过编译输出成javascript。

coffeescript有如下优点：

避免常见的语法错误

给编程语言加入一些非原生的功能

改进代码语法与可读性

利用预编译器中包含的最优代码编写方法

相比之下javascript具有如下相对的短板：

分号到处都是，忘记他们就会引入错误

必须一遍又一遍的声明function关键字

结尾的逗号会引入许多意想不到的问题

javascript中的变量作用域容易搞混

为了克服以上的短板，coffeescript引入了如下语法特点：

coffeescript不需要分号

不需要使用var声明变量，由 ”=“ 指派

不需要function关键字，函数通过使用 “->”将参数指向结果来声明

不需要花括号，coffeescript中使用空格，通过缩进来推导出花括号，缩进的代码就等同于{}

不需要return 函数的最后一行自动返回

不需要括号来包裹参数，函数后面的任何东西都作为参数

例如：

cube=(x) -> x*x*x

上面的代码等同于：

function cube(x){

return x*x*x;

}

条件和比较：

coffeescript引入了许多的关键字来增强条件和比较，使得更容易阅读和理解代码，代码更简明，更容易维护

coffeescript javascript

is ===

isnt !==

not !

and &&

or ||

true,yes,on true

false,no,off false

@,this this

of in

coffeescript也增强了一些字符串的功能，从而使的字符串的处理更为简单

例如：

beer = "world"

sing="hello #{beer}"

coffeescript 也支持Heredocs风格的字符串声明

在javascript中：

var html="<p>\n my awesome html \n <\p>";

在coffeescript中可以这样：

html="""

<p>

my awesome html

</p>

"""

对象

coffeescript支持通过YAML风格的语法创建对象

在javascript中，对象的写法如下：

var kids={

brother:{

name:"brother",

age:10

}

sister:{

name:"sister",

age:11

}

在coffeescript中，用如下的方式创建：

kids=

brother:

name:"brother"

age:10

sister:

name:"sister"

age:11

类，继承和super

javascript中原型继承让人痛苦，coffeescript提供一种更为友好的声明类的方式

声明一个类，使用如下的方法：

class Car

constructor: (@name)->

speed:100

coffeescript的继承同样很友好

class FaseCar extends Car

在继承的子类中我们可以使用super关键字

class Robot

run: ->

console.log("robot is running")

class SmartRobot extends Robot

run:->

console.log("I dont't like running")

super

coffeescript基本语法相关推荐

CoffeeScript语法
本文译自The Little Book on CoffeeScript的第2章. ref:http://article.yeeyan.org/view/260164/251746 首先,在开始本章之前 ...
用typescript完成倒计时_「干货」将数十万行CoffeeScript代码迁移到TypeScript
作者 | David Goldstein 译者 | 王强策划 | 小智转发链接:https://mp.weixin.qq.com/s/TK7kWXX4hR3e-jtpVMuBnw 序言 2017 ...
CoffeeScript快速入门
CoffeeScript快速入门 CoffeeScript是最近比较流行的一个小的编程语言,它有自己的语法(受Python和Ruby影响比较多,个人觉得更象Ruby),其编译器将其编译输出javasc ...
coffeescript使用的方式汇总
Coffeescript作为Javascript低调的小弟实在是有过人之处,使用它可以增进开发效率,减少代码错误, 关键是能大幅提升开发愉悦感.我越来越觉得只要可能就在自己的项目中把coffee用起来 ...
CoffeeScript 简介与安装步骤概览
CoffeeScript 简介与安装步骤概览一.关于CoffeeScript CoffeeScript是一门新兴的构建在JavaScript之上的预处理器语言,经过编译可以生成高效的JavaScri ...
[CoffeeScript]咖啡，入门
简介: 目前,大家对 CoffeeScript 狂热有加.CoffeeScript 是一种新的编程语言,构建于 JavaScript 之上.CoffeeScript 提供了一种简洁的语法,对 P ...
Nodejs 4.0 ES6特性
简介 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.js 的包管理器 ...
初次接触vue，我是怎么学习的
又到了review的时候,话不多说,这次放出,最初的学习笔记. Vue 我将Vue看成了一门新得编程语言来学,基础的语法知识我认为就以下这些重点. 一.数据绑定语法 1.数据绑定最基础的形式是文本插值 ...
前端 DSL 实践指南
前言近几年,前端社区中 DSL 这个词开始频繁出镜,这和环境的变化有很大关系: React.Vue.Angular 等现代框架的表现层设计往往和 DSL 有较强的关联,透过这些优秀作品我们可以得到一 ...
前端 DSL 实践指南（上）—— 内部 DSL
编者按:本文转载自云音乐前端技术团队,作者网易云音乐前端工程师郑海波前言近几年,前端社区中 DSL 这个词开始频繁出镜,这和环境的变化有很大关系: React.Vue.Angular 等现代框架的 ...

coffeescript基本语法

coffeescript基本语法相关推荐

最新文章

热门文章